a#box-menu {
    display: block;
    width: 200px !important;
}

a#box-menu:hover {
    text-decoration: none;
}

.enlarge-image {
    width: 150px; /* Ajustez la largeur souhaitée pour agrandir l'image */
    height: 140px; /* Ajustez la hauteur souhaitée pour agrandir l'image */
}

/* Featured Boxes - Style 2 */
.featured-boxes-style-2 .featured-box {
    border-bottom: 6px solid rgba(0, 136, 204, 1);
    margin: 10px 0;
    box-shadow: none;
}

.featured-boxes-style-2 .featured-box .box-content {
    padding-top: 5;
    padding-bottom: 6;
}

.featured-boxes-style-2 .featured-box .icon-featured {
    display: inline-block;
    font-size: 1.8em;
    height: 75px;
    line-height: 75px;
    padding: 0;
    width: 75px;
    margin-top: 0;
}

.featured-box .box-content-border-bottom {
    border-top: 2px solid rgba(0, 136, 204, 1) !important;
}

.product .product-thumb-info {
    /* width: 250px !important; */
    height: 100%;
}

/* .team-img img {
    width: 250px !important;
    height: 250px !important;
} */

#header
    .header-nav.header-nav-links:not(.header-nav-light-text)
    nav
    > ul
    > li
    > a {
    text-transform: none !important;
}

.side-header #sider {
    background-color: #1d2127 !important;
    color: white !important;
}

nav ul.opener li.open {
    background-color: #1d2127 !important;
    color: white !important;
}

ul.opener ul.dropdown-menu {
    background-color: #1d2127 !important;
    color: white !important;
}

html .featured-box-primary .icon-featured#logo-mg {
    background-color: #dce1e3;
}

.icon-featured#logo-mg {
    background-color: #dce1e3;
}

/* justification des textes */
.textJustifie{
    text-align: justify;
}


/* ----------------modal conversion des unités------------------------- */
.overlay-horizontale {
    background-color: rgba(22, 22, 23, 0.5);
    color: white;
    text-align: center;
    line-height: 35px;
    z-index:10;
  }
  
  .overlay-horizontale {
  
       position: absolute;
       top: 50%;
       left:51.3%;
       transform: translate(-50%, -50%);
       z-index: 9999; /* Assure que la div soit superposée */
       width: 97%; 
      /* background-color: transparent; Rend la div transparente */
  }
  
  .list-container {
       position: relative; /* Assure que la position absolue de la div overlay-horizontale soit par rapport à cette div */
  }
  
  /* Réduit la largeur des barres de défilement pour les éléments avec la classe custom-scrollbar */
  .custom-scrollbar::-webkit-scrollbar {
     width: 5px; /* Largeur de la barre de défilement */
  }
  
  /* Style de la barre de défilement */
  .custom-scrollbar::-webkit-scrollbar-thumb {
      background-color: #094c9e; /* Couleur de la barre de défilement */
      border-radius: 5px; /* Arrondi des bords de la barre de défilement */
  }


/* centrer le texte d'une colonne de tableau */
table{
    border-collapse: collapse; 
    width: 100%;
}
table tr{
    align-items: center; 
    vertical-align:middle;
}

/* controller l'affichage des modal par raport au card */
.card {
    z-index: 1;
}
.featured-box .box-content{
    z-index: 1;
}
.modal {
    z-index: 90000; /* Bootstrap par défaut */
}

/* fin gestion des champ pays avec indicatif pays */
#spanIndicatifPays{
    cursor: pointer;
}
.option-pays-with-icon-flag:hover {
    background-color:darkgray; /* Rouge clair Bootstrap */
    color: white;
}

.option-pays-with-icon-flag {
    transition: background-color 0s;
    cursor: pointer;
}

.selected-option {
    background-color:darkgray; /* Rouge clair Bootstrap */
    color: white;
}

.deselected-option {
    background-color:default !important; /* Couleur de fond darkgray pour les non sélectionnés */
}

/* fin gestion des champ pays avec indicatif pays */

.pays-container-options{
    /* effet de rotation */
}

.cursor-pointer{
    cursor: pointer;
}

.breadcrumb{
    margin-top:15px;
    margin-bottom: 15px;
}