span.etoile { 
   color: #b30303; 
}
.nowrap{
   white-space: nowrap; 
}

.img-doleance{
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #efefef;
}
.div_image {
   position: relative;
   border: 3px solid #efefef;
   padding: 2px;
   margin-left: 10px;
}

 .div_image .deleteImage {
   position: absolute;
   top: 0px;
   right: 2px;
   top: 2px;
}
 
 .page-title{ padding-left: 15px;}
 
 .bloc-bottons{position: relative;
    overflow: auto;
    float: right;
    z-index: 1000;}
 
th.actions, td.actions{ 
   width: 100px;
}

.select2-selection{ 
   height: 39px !important;

}
.select2-container .select2-selection--multiple{
   height: 43px !important;    font-weight: 600;
}
.select2-selection .select2-selection__rendered{ 
   line-height: 30px !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{
   height: 36px !important;
}
#sidebar-menu ul li  a:hover {
   transform: translate3d(5px,0,0);
   color: #fff !important;
}
li.mm-active a.active:before {
   content: '';     
   width: 8px;       
   height: 8px;     
   display: inline-block;
   text-align: center;
   border-radius: 50%;  
   background-color: white; 
   margin-right: 5px;  
 }
 
.dataTable td,.dataTable th{
vertical-align: middle;
 }
 
 #charges_traitement{ display: none;}
 #charges_traitement.d-show{ display: block;}
 #card_reunions{ display: none;}
 #card_reunions.d-show{ display: block;}
 #pdfContainer canvas{  width: 100%;}

 .table_reunions .select2-selection{
   border: 0px !important;
 
   box-shadow: none !important;
 
}

.user-img {
   position: relative;
}
span.user-status{
   width: 10px;
   height: 10px;
   background-color: #8590a5;
   border-radius: 50%;
   border: 2px solid var(--bs-secondary-bg);
   position: absolute;
   right: 0;
   bottom: 0;
   
}
td.child{  background-color:  #e5e5e5;}
 ul.dtr-details{ width: 100%;}
.badge-instructions{ display: block;}
 td.child span.dtr-title{display: inline-block;  margin-right: 10px; }
 td.child span.dtr-data{display: inline-block;  }
 td.child span.dtr-data .badge  {float: left;}


 .table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
   top: 30%;
   text-align: center;
   left: 2%;
   padding: 5px;
   height: 7px;
   width: 7px;
   margin-top: 0; 
   display: block;
   position: absolute;
   color: #fff;
   border-radius: 0;
   box-sizing: content-box;
   text-align: center;
   text-indent: 0!important;
   line-height:7px;
   content: "+";
   background-color:var(--bg-principal);
   border: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
   content: "↓"  !important;
   
}

.duser.userpage-content{     padding: 75px 0 !important;  background-size: cover; background-position: 0%;}


.select2-container--bootstrap .select2-selection--multiple {
   min-height: 34px;
 
   height: auto !important;
}
