#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: #474747;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #sidebar.active {
      margin-left: -300px; }
    #sidebar .logo {
      display: block;
      width: 200px;
      height: 200px;
      margin: 0 auto; }
      #sidebar .logo span {
        display: block; }
    #sidebar ul.components {
      padding: 0; }
    #sidebar ul li {
      font-size: 16px; }
      #sidebar ul li > ul {
        margin-left: 15px; }
        #sidebar ul li > ul li {
          font-size: 13px; }
      #sidebar ul li a {
        padding: 10px 0;
        display: block;
        color: rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

        #sidebar ul li a.esp_membre {
          border-bottom: none; }

        #sidebar ul li a:hover {
          color: #f07d05; }
      #sidebar ul li.active > a {
        background: transparent;
        color: #f07d05; }
        #sidebar ul li.active > a span {
          background: transparent;
          color: #ffffff; }
    @media (max-width: 991.98px) {
      #sidebar {
        margin-left: -300px; }
        #sidebar.active {
          margin-left: 0; } }
  
  a[data-toggle="collapse"] {
    position: relative; }
  
  .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  
  @media (max-width: 991.98px) {
    #sidebarCollapse span {
      display: none; } }
  
  #content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  
  .btn.btn-primary {
    background: #f07d05;
    border-color: #f07d05; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background: #f07d05 !important;
      border-color: #f07d05 !important; }
  
.footer p {
  color: rgba(255, 255, 255, 0.5);

}
  
    .form_input {
      
          text-align:center;
          width:20%;
          margin: auto;
          white-space: nowrap;
  
      }
  
    .center{
      text-align: center;
    }

 
    a.membre {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      color: #717171; }
      a.membre:hover, a.membre:focus {
        color : #000;
        text-decoration: none !important;
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none; }

.bg-dark2 {
  background-color: #4a4e52 !important;
  color : #FFFFFF }
.bg-dark2 {
    --bs-bg-opacity: 1;

  }
        
a.bg-dark2:hover, a.bg-dark2:focus,
button.bg-dark2:hover,
button.bg-dark2:focus {
  background-color: #1d2124 !important; }

  .table-row{
    cursor:pointer;
    }
    
    .input-group-text i{
      cursor:pointer;
    }

     #table_commandes thead th .sortable {
      cursor: pointer;
      background-position: left;
      background-repeat: no-repeat;
      padding-left: 30px !important;
    }

    #table thead th .sortable {
      cursor: pointer;
      background-image: none;
      background-position: left; 
      background-repeat: no-repeat;
      padding-left: 30px !important;
    }

    a.lien_projet  {
      outline: none;
      text-decoration: none;
      padding: 2px 1px 0;
      }
    
      a:link.lien_projet {
      color: #000000;
      }
    
      a:visited.lien_projet {
      color: #000000;
      }
    
      a:focus.lien_projet {
      color: #0693E3;
      }
    
      a:hover.lien_projet {
      color: #076388;
      }
    
      a:active.lien_projet {
      color: #265301;
      color: #0693E3;
      }


.cursor {
  cursor:pointer;
}

body {
  zoom:100%;
}

.pagination-info {
  display:none
}

.page-item.active .page-link {
  color: #000000 !important;
  background : #C0C0C0 !important;
  border-color : #C0C0C0 !important;
}

a.page-link {
  color: #000 !important;
}

a.page-index {
  color: #000 !important;
}

.card-header-sm {
  padding : 6px 10px;
}

.card-header-sm2 {
  padding : 0px 0px !important;
}

.checkbox {
  float: left;
  margin-right: 15px;
}

.bi-danger:hover {
  color: #ff0000 !important;
}

.bi-warning:hover {
  color: #ff7b00 !important;
}

.test {
  float:right !important;
}

.nb {
  font-size: 90%;
}

.warning-right {
  text-align: right !important;
  color: #0693E3 !important;
}

.card-rouge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #e6a8a8;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

    .card-vert {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #b5e2ab;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0.25rem; }
      .card-vert > hr {
        margin-right: 0;
        margin-left: 0; }
      .card -vert> .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; }
      .card-vert > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem; }

        .card-jaune {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          min-width: 0;
          word-wrap: break-word;
          background-color: #ffd651a4;
          background-clip: border-box;
          border: 1px solid rgba(0, 0, 0, 0.125);
          border-radius: 0.25rem; }
          .card > hr {
            margin-right: 0;
            margin-left: 0; }
          .card > .list-group:first-child .list-group-item:first-child {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card > .list-group:last-child .list-group-item:last-child {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }

.footer {
  padding-top: 50px;
  text-align: center;
  font-size: 0.85rem;
  font-style: italic;
}

.rouge {
  color:#ff0000;
}

.erreur,
.error {
  color:#ff0000;
  text-align: center;
}

.row-eq-height {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

button[type="submit"],
.form_contact {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.alerte_index {
  line-height: 0.0;
  color: #000;
  font-size: 1.2rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 400;
}

.lien_noir {
  color: #000;
}

.invisible {
  display: none;
}

.img_esp_membre {
  max-width:200px;
}

.petit {
  font-size: 0.75rem;
  margin-top: 10px;
}
#div_id_utilisateur_maitre {
  display: none;
}

.reponsive_img_xl_full {
  width:500px;
  max-height:300px;
  object-fit: contain;
  object-position: center top;
}

@media (max-width: 1160px) {

  .reponsive_img_xl_full {
    width:500px;
    max-height:200px;
    object-fit: contain;
    object-position: center top;
  }

}

@media (max-width: 991px) {

  .reponsive_img_xl_full {
    width:500px;
    max-height:300px;
    object-fit: contain;
    object-position: center top;
  }

}