:root,
[data-bs-theme=light] {
    --SAMPUB-menu-item-active: #f5f5f5;
    --SAMPUB-menu-item-active-color: #000;
    --SAMPUB-menu-item-border-bottom: #000;
    --SAMPUB-bg:#edf0f5;
    --SAMPUB-text-white-dark: #000;
    --SAMPUB-bg-color: #303e67;
    --bs-form-control-color: #000;
    --bs-white-rgb: 255, 255, 255;
    --bd-violet-rgb: 112, 44, 249;
    --SAMPUB-yellow-menu: rgb(234, 209, 49);
    --SAMPUB-yellow-menu-hover: rgb(209, 183, 8);
    --SAMPUB-breadcrumbs-item-bg: #fff;
    --SAMPUB-breadcrumbs-item-bg-active: #fafafa;
    --SAMPUB-breadcrumbs-item-color: #333;
    --SAMPUB-cHeaderSuiviExpedition-bg: #F0F2F2;
    --SAMPUB-bg-btnoffcanvasfiltres:#fdfdfd;
    --SAMPUB-bg-info: #00A5E3;
    --bs-table-color: #dee2e6;
}




body {
    background: var(--SAMPUB-bg);
}

.activeNavItem:not(.submenu) {
    border-bottom: 3px solid var(--SAMPUB-menu-item-border-bottom);
    background: var(--SAMPUB-menu-item-active);
}

.submenu .activeNavItem {
    background: var(--SAMPUB-menu-item-active);
    border-bottom: 0px solid var(--SAMPUB-menu-item-border-bottom);
}
.navigation-menu:not(.settingsMenu) li a:hover {
    background: var(--SAMPUB-menu-item-active) !important;

}

::selection {
    background-color: #FBE54D; /* Replace #ffff00 with the desired highlight color */
    color: #000;
}

/* COULEURS */

.Giraudy-Yellow {
    background: #FBE54D;
}

div#CHARTE_HAUT {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    height:50px;
    width:100%;
    background-color:#1A1D1C;
    box-shadow: 8px 0px 12px #333333;
    min-width:800px;
}
div#CHARTE_FOND {
    width:100%;

    background-image: url("/images/fond.png?e=1");
    filter: grayscale(10);
    background-repeat: no-repeat;
    background-position: center;
    height:570px;
}

.lien_blancs {
    font-family: Arial; color: #4A54B5; font-size: 9pt; text-decoration:none
}
.lien_blancs:hover {
    font-family: Arial; color: #4A54B5; font-size: 9pt; text-decoration:underline
}


.text_gris {
    font-family: Arial;
    font-size:  12px;
    color: #AAAAAA;
}
.text_petit {
    font-family: Arial;
    font-size:  11px;
    color: #333333;
}
.text_petit_r {
    font-family: Arial;
    font-size:  11px;
    color: #FF0000;
}
.text_petit_g {
    font-weight: bold;
    font-family: Arial;
    font-size:  11px;
    color: #333333;
}
.text_petit_i {
    font-style:italic;
    font-family: Arial;
    font-size:  11px;
    color: #333333;
}
.text_normal {
    font-family: Arial;
    font-size:  12px;
    color: #333333;
}
.text_normal_g {
    font-weight: bold;
    font-family: Arial;
    font-size:  12px;
    color: #333333;
}

.Page_Fond {
    width:100%;
    padding-top:80px;
    min-width:800px;
}
.Page_Chargement {
    width:100%;
    z-index:1;
    position:absolute;
    left: px;
    top:150px;
    text-align: center;

}


.Page_Gauche {
    width:25%;
    max-width: 17px;
    min-width: 160px;
    float:left;
    padding-left:25px;
    padding-right:15px;

}
.Bouton_Gauche {
    width:100%;
    height:40px;

}
.Page_Milieu {
    width:70%;
    float:left;
    padding-left:40px;
}
.Page_Titre {

    height:36px;
    color:#902935;
    font-weight: bold;
    font-family: Arial;
    font-size:  22px;
}
.Page_TitreTexte {
    text-transform: uppercase;
    padding-left:00px;
    padding-top:4px;
}
.Page_Filtre {
    width:100%;
}
.Page_Tableau {
    width:100%;
    min-height:300px;
}

.dBOUTON_MENU {
    float:left;
    width:100px;
    height:80px;
    padding:3px;
}
.dBOUTON {
    float:left;
    width:106px;
    height:106px;
    padding:3px;
}


.ChampDesactiveStyle {
    background-color: #F1F1F1;
    color:#FF0000;

}
.element-a-zoomer {
    transition: transform 0.3s ease; /* Ajoute une transition en douceur */
    cursor:pointer;

}

.element-a-zoomer:hover {
    transform: scale(1.2); /* Applique un facteur d'échelle pour agrandir l'élément */
}

/* NAVBAR */
.nav-item.active .nav-link, .nav-item:hover .nav-link {
    color: #000;
    background-color: #c0c0c0;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.navbar {
    padding: 0;
}

.dropdown-menu {
    border-radius: 0;
}

.navbar-custom-menu .navigation-menu > li > a {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    height: 60px;
}

.navigation-menu > li a i {
    display: inline-block;
    transition: transform 0.3s ease;
    color: #000;
}
/* UPDATE EXT JS CSS */
.x-body {
    font-family: "Roboto",sans-serif;
    margin: 0;
    overflow-x: hidden !important;
    font-size: 0.845rem;
    background-color: var(--SAMPUB-bg);
    color: var(--SAMPUB-bg-color);
    letter-spacing: 0.1px;
    line-height: 1.5;
    position: relative;
}
.x-form-trigger-wrap-default {
    border: 0;
}
.x-form-text-wrap-default {
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.x-form-text-default {
    color: var(--bs-form-control-color);
    padding: 0.375rem 0.75rem;
    background-color: var(--bs-form-control-bg);
    min-height: 20px;
    border: 0;
}
.x-btn-over {

}
.x-form-text-default::placeholder {
    color: (--bs-body-color);
}
.x-form-trigger-default {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');

    background: #f3f3f3;
    border: 0;
    width: 20px;
}
.x-btn-over.x-btn-default-small {
    background-image: none;
}
.x-btn-default-small{
    background-image: none;
}
@media (min-width: 800px) {
    .x-btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.375rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
    }
}
@media (max-width: 800px) {
    .x-btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.375rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: 0;
        background-color: var(--bs-btn-bg);
    }
}

.x-btn-text {
    color: #fff;
}

.x-panel-bodyWrap {
}

.bg-giraudy-gray {
    background: #2A2C38;
}
.bg-giraudy-yellow {
    background: #ffc107;
}
.btn-giraudy-gray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2A2C38;
    --bs-btn-border-color: #2A2C38;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #181a1f;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #111215;
    --bs-btn-active-border-color: #111215;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #111215;
    --bs-btn-disabled-border-color: #111215;
}

.btn-giraudy-yellow {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #090808;
    --bs-btn-hover-bg: #e9ae00;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e9ae00;
    --bs-btn-active-border-color: #e9ae00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e9ae00;
    --bs-btn-disabled-border-color: #e9ae00;
}

.btn:hover {
    color: '#000' !important;
    background-color: '#000' !important;
    border-color: '#000' !important;
}
.x-btn-default-small.bg-giraudy-gray.x-btn-over {
    background: #1d1e26;
}

.progress-bar {
    background: #FBE54D;
}

.bgOverlay {
    position: relative;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    border-bottom: 5px solid #FBE54D
}

.bgOverlay::after {
    background-color: rgba(0, 0, 0, 0.41);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.bgOverlay-without-border {
    position: relative;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}


.bgOverlay-without-border::after {
    background-color: rgba(0, 0, 0, 0.41);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.headingSAMPUB {
    background-image: url('https://giraudy.fr/sites/default/files/inline-images/BossxRusselAthletics.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.dispositif-CF {
    background: #009BFF;
    color: white;
}

.dispositif-CD {
    background: #e9d66b;
    color: #000;
}

.dispositif-PLA {
    background: #FFA600;
    color: #000;
}

.dispositif-TRI {
    background: #A600FF;
    color: #fff;
}

.dispositif-AU {
    background: #AEB6BF;
    color: #000;
}
.dispositif-NM {
    background: #3498db;
    color: #000;
}
.dispositif-BPL {
    background: #ffd700;
    color: #000;
}
.dispositif-ADH {
    background: #1E8449;
    color: #fff;
}
.dispositif-FX {
    background: #1A5276;
    color: #fff;
}
.rounded-card {
    background: #FBFBFB;
    padding: 20px;
    text-align: center;
}

.rounded-text {
    border-radius: 46% 54% 62% 38% / 30% 41% 59% 70%;
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: -2.5em;
}

.start-15 {
    left: 15% !important;
}

.table-giraudy {
    --bs-table-color: #fff;
    --bs-table-bg: #2A2C38;

    --bs-table-striped-bg: #2A2C38;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #2A2C38;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #2A2C38;
    --bs-table-hover-color: #000;
    color: #fff;

}
.table-giraudy-without-depot {
    --bs-table-color: #fff;
    --bs-table-bg: #ff7d00;
    --bs-table-border-color: #ff7d00;
    --bs-table-striped-bg: #ff7d00;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ff7d00;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ff7d00;
    --bs-table-hover-color: #000;
    color: #fff;

}
@media (min-width: 765px) {
    .px-login {
        padding-left: 35%;
        padding-right: 35%;
    }
}

@media (max-width: 765px) {
    .px-login {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 5vh;
    }
}
.x-btn-text {
    color: #000;
}

.m-auto {
    margin: 0 auto;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    max-height: 9rem;
    overflow-y: auto;
}

.tableFixHead thead th { background: rgba(255,255,255,0.7);position: sticky; top: 0; z-index: 1;box-shadow: 0 0.30rem 0.50rem rgba('0 0 0', 1);backdrop-filter: blur(10px); }

/* DROPDOWN NOTIFICATIONS */
.dropdown-menu {
    border-radius: 7px 7px 0px 0px;
}
.dropdown-notifications-header {
    background: #3c3b44;
    color: white;
    border-radius: 3px 3px 0px 0px;
}

.dropdown-notifications {
    width: 20em;
}

.dropdown-notifications .dropdown-menu .dropdown-notifications-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e5ec;
}

.dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
}


.dropdown-notifications-item {
    padding: 1.3em;
}
.dropdown-notifications-item-content-text {
    white-space: normal !important;
    margin-left: 0.7em;

}

.dropdown-notifications-item-icon {
    background-color: #0061f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-notifications-item-icon, .dropdown-notifications .dropdown-menu .dropdown-notifications-item .dropdown-notifications-item-img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    flex-shrink: 0;
}

.dropdown-notifications-item-icon svg {
    text-align: center;
    font-size: 0.85rem;
    color: #fff;
    height: 0.85rem;
}

.image-container {
    position: relative;
    display: inline-block;
}

/*
.image-container {
    max-height: 15em;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.image-container img {
    width: auto;
    height: 100%;
    transition: height 0.3s ease;
}*/

.containerImage {
    position: relative;
    font-family: Arial;
}
.containerImage::after {
    background-color: rgba(0, 0, 0, 0.23);
}
.text-block {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
}

.text-block-top {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
}
.text-block-top-right {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
}
.text-block-bottom {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: white;
}

.img-gradient {
    position:relative;
}

.badge-filtre {
    border-radius: 100vw;
    text-transform: uppercase;
    min-height: 1rem;
    display: inline-flex;
    align-items: center;
}
.badge-filtre {
    position: relative;
}/*
@media (min-width: 956px) {
    .badge-planning {
        width: 10vw;
    }
}*/

@media (max-width: 956px) {
    .badge-planning-div {
        margin-bottom: 0.3em;
    }

    .cardPlanningSemaine {
        max-width: 100vw;
    }

    .badge-planningContent {
        width: 10.3rem;
    }
}

@media (max-width: 765px) {
    .cardPlanningSemaine {
        max-width: 75vw;
    }
}

.ms-n1 {
    margin-left: -0.3125rem !important;
}
.bg-gray-900-30 {
    background-color: rgba(16,15,26,0.3) !important;
}
.bg-gray-900-10 {
    background-color: rgba(16,15,26,0.1) !important;
}
.bg-gray-900-5 {
    background-color: rgba(16,15,26,0.05) !important;
}

.bg-gray-900-9 {
    background-color: rgba(16,15,26,0.09) !important;
}
@media (max-width: 956px) {
    .dontShowToSmartphone {
        display: none !important; /* Assure que le style soit appliqué même en présence de d-flex */
    }

    .appName {
        margin-top: 5%;!important;
    }


    .mobileMenu .nav-link {
        padding: 1.4em;
        color: #000;
    }

    .mobileMenu .nav-item.active .nav-link, .nav-item:hover .nav-link {
        color: #000;
        border-radius: 0;
        background: #f5f5f5;
        font-weight: 650;
    }

    .mobileMenu .nav-item.active .nav-link, .nav-item:hover .nav-link .active {
        border-left: 10px solid #000;
    }

    .mobileMenu .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
        background: #f5f5f5;
        color: #000;
        box-shadow: 0 0px 0px 0 rgba(11, 122, 243, 0.5);
        -webkit-box-shadow: 0;
        border-left: 5px solid #000;
        border-radius: 0;
    }
}

@media (min-width: 956px) {
    .appName {
        margin-top: 0%;!important;
    }
}


@media (min-width: 956px) {
    .modal-fullscreen-with-border {
        margin: 0 10vw;
        width: 80vw
    }
}

@media (min-width: 992px) {
    .modal-xxl {
        --bs-modal-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 1540px;
    }
}

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px;
}
.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative;
}
.track .step.active:before {
    background: #FBE54D;
}
.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px;
}
.track .step.active .icon {
    background: #FBE54D;
    color: #000;
}
.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
}
.track .step.active .text {
    font-weight: 400;
    color: #000;
}
.track .text {
    display: block;
    margin-top: 7px;
}



.dataTables_filter {
    margin-top: 1.3em;
    margin-bottom: 20px;
}
#example_length select[name="example_length"] {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    font-weight: 400;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-top: 1.3em;
}
#example_filter input[type="search"] {
    margin-right: 0.7em;


    font-weight: 400;

    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 0;
}

#example_filter input[type="search"]:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

}

#example_filter input[type="search"]::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
    padding-left: 2px;
}
#example  {
    margin-bottom: 1.7em !important;
}
#example_paginate .paginate_button {
    --bs-btn-padding-x: 0.45rem;
    --bs-btn-padding-y: 0.175rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #efefef;
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;



}
#example_paginate .paginate_button:not(.current) {
    background: white;
}
#example_paginate .paginate_button:is(.current) {
    background: #efefef;
}


@media (min-width: 957px) {
    .showToSmartphone {
        display: none !important; /* Assure que le style soit appliqué même en présence de d-flex */
    }
}


.marker-pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #c30b82;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    z-index: -1;
}
.marker-pin::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 3px 0 0 3px;
    background: #3b3b3b;
    position: absolute;
    border-radius: 50%;
}
.custom-div-icon i.fa-solid {
    margin-top: 50%;
    margin-left: 25%;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* couleur et opacité de l'overlay */
    display: flex;
    justify-content: center; /* Alignement horizontal au centre */
    align-items: center; /* Alignement vertical au centre */
}

.overlay i {
    font-size: 4.3em;
    color: #fff;
}


.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CE0C00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat !important;
}

.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23AB0A00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat !important;
}

.btnCustomPhoto {
    background: rgba(0,0,0,0.3);
}
.btnCustomPhoto:hover {
    background: rgba(43,43,43,0.7);
}

.icon-shape {
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}


.topBar {
    min-height: 5em;
    border-bottom: 5px solid #FBE54D
}

.owl-item {
    opacity: 0.5;
}
.owl-carousel .active:not(.center) {
    opacity: 0.5;
    transition: all 0.3s;
}

.owl-carousel .center {
    opacity: 1;
}

.owl-carousel .card {
    margin-left: 10px;
    margin-right: 10px;
}

.text-white-dark {
    color: var(--SAMPUB-text-white-dark);
}



.navigation-menu:is(.settingsMenu) li a:hover{
    background: rgba(0,0,0,0.3) !important;

}

.navigation-menu:is(.settingsMenu) .active{
    background: rgba(0,0,0,0.3) !important;
    font-weight: 700;

}
.navbar-custom-menu .navigation-menu > li:hover a {
    color: #000;
    font-weight: 650;
}

.navbar-custom-menu .navigation-menu > li:hover a i:first-child {
    transform: scale(1.17);
}


[data-bs-theme=iight]  .text-white {
    color: #fff !important;
}

.btn-yellow {
    --bs-btn-color: #000;
    --bs-btn-bg: #FBE54D;
    --bs-btn-border-color: #FBE54D;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e9d343;
    --bs-btn-hover-border-color: #e9d343;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9d343;
    --bs-btn-active-border-color: #e9d343;
}

label {
    font-weight: 400;
    font-size: 13px;
}

.statsCardBlue {
    box-shadow: 9px 1px 5px 0px rgba(0,0,0,0.07);
    background: linear-gradient(313deg, rgba(0,132,229,1) 0%, rgba(255,255,255,1) 39%);
}

.statsCardGreen {
    box-shadow: 9px 1px 5px 0px rgba(0, 0, 0, 0.07);
    background: linear-gradient(313deg, rgba(0,213,71,1) 0%, rgba(255,255,255,1) 39%);
}

.statsCardOrange {
    box-shadow: 9px 1px 5px 0px rgba(0, 0, 0, 0.07);
    background: linear-gradient(313deg, rgba(255,108,0,1) 0%, rgba(255,255,255,1) 39%);
}

.themeDropdown .dropdown-item.active, .themeDropdown.dropdown-item:active {
    color: var(--SAMPUB-menu-item-active-color);
    text-decoration: none;
    background-color: var(--SAMPUB-yellow-menu);
}
.themeDropdown  .dropdown-item:hover, .themeDropdown .dropdown-item:focus {
    background-color: var(--SAMPUB-yellow-menu-hover) !important;
    color: #000444;
}


/*
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #ffffff !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}*/


.list-group-item {
    font-size: 14px;
}

.cHeaderSuiviExpedition {
    background: var(--SAMPUB-cHeaderSuiviExpedition-bg) !important;
}

[data-bs-theme=light] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: dark !important;
    background-color: #ececec;
}
.btnOpenOffCanvasFiltres {
    background-color: var(--SAMPUB-bg-btnoffcanvasfiltres) !important;
}

[data-bs-theme=dark] .bg-gray-900-30 {
    background-color: rgba(219, 219, 219, 0.3) !important;
}

[data-bs-theme=dark] .bg-gray-900-10 {
    background-color: rgba(154, 154, 154, 0.3) !important;
}

.bg-info-SAMPUB {
    background-color: var(--SAMPUB-bg-info);
}

input[readonly] {
    color: #000 !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #dcdcdc !important;
}


.form-check-input:checked {
    background-color: rgb(253, 227, 61) !important;
    border-color: rgb(253, 227, 61) !important;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>") !important;
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e") !important;
}


.form-check-input:focus {
    border-color: rgb(248, 223, 68) !important;
    box-shadow: 0 0 0 .25rem rgb(248, 223, 68 / 25%) !important;
}

.isThisDayClass {
    background: rgb(255, 255, 221) !important;
}

.btn-soft-giraudy {
    background-color: rgba(234, 209, 49, 0.4);
    color: rgb(190, 171, 49);
}

.bg-soft-giraudy {
    background-color: rgba(234, 209, 49, 0.4);
    color: rgb(114, 103, 31);
}

.btn-soft-giraudy:hover {
    background-color: rgba(234, 209, 49, 0.7);
    color: rgb(173, 155, 40);

}

.btn-soft-giraudy:focus {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(234, 209, 49, 0.2);
    box-shadow: 0 0 0 0.1rem rgba(234, 209, 49, 0.2);
    background-color: rgba(234, 209, 49, 0.3);
    color: rgb(140, 125, 23);
}

.accordion-button:not(.collapsed) {
    background-color: rgba(234, 209, 49, 0.3);
    color: #c1ad29;
}

.accordion-button:not(.collapsed)::after, [data-bs-theme=dark] .accordion-button::after {
    background-image:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ead131'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e" !important;
    transform: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ead131'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e" !important;
}

 .bg-soft-success {
    color: #396948 !important;
}

.item-Deleted {
    background: #EAEAEA !important; 
    color: #9C9C9C!important;
}

.cardLast:last-child {
    margin-bottom: 0;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}


.rating > input{ display:none;}

.rating > label {
    position: relative;
    width: 1.1em;
    font-size: 20px;
    color: #FFD700;
    cursor: pointer;
}

.rating > label::before{
    content: "\2605";
    position: absolute;
    opacity: 0;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
    opacity: 1 !important;
}

.rating > input:checked ~ label:before{
    opacity:1;
}

.rating:hover > input:checked ~ label:before{ opacity: 0.4; }

.text-strike {
    text-decoration: line-through;
}

.badgeInterventions:not(.bg-giraudy-gray) {
    color: #000 !important;
}

.badgeInterventions .bg-giraudy-gray {
    border: 0;
}