@media screen and (min-width:1181px){
	div::-webkit-scrollbar{ width:8px;}
   div::-webkit-scrollbar-thumb{
  /* background: rgb(40,40,40);box-shadow: 0px 2px 4px rgba(126,142,177,0.12);*/

    background: rgb(180,180,180);box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    border-radius: 10px;
   }
   iframe::-webkit-scrollbar{ width:2px;}

   .frameOverPageDown div::-webkit-scrollbar-thumb{
      background: white;
      box-shadow: 0px 2px 4px rgba(255,255,255,0.8);
   }
}




body{
   --radiusItem:35px;
   --radiusItem:30px;
}
.bold{
   font-weight: bold;
}
.ligntBackground{
   background: white;
}
.darkTheme .ligntBackground{
   background: var(--body);
}
.box{
   background: var(--cadre);
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  /* border: solid 1px var(--border_color);*/
}

.frameOverPageDown_header{
   background: rgb(240,240,240);
}

.cadre h2, .cadre h3 , .cadre h4{
   margin-top: 0px;
   margin-bottom: 0px;
}

.wd_100_90{
   width: 98%;
   margin: auto;
}
.w98_100{
   width:98%;
}
.container_in{
   width:96%;padding-bottom: 180px;
}
.container2{
   width:96%;
   margin: auto;
}

.btn_option_one{
   border-radius:6px; border:solid 1px rgb(220,220,220);height:35px;
}
.btn_option_one i{
    font-size: 16px;
}

.btn_add{
   background: var(--primary);
   color:white;
   height:35px;
   border-radius:6px;
}
.champFiltre{
   display: flex;
   align-items: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
  
   background: var(--cadre);
   padding: 4px;
   padding-top: 8px; padding-top: 5px;
   padding-bottom: 8px; padding-bottom: 5px;
   margin-bottom: 5px;
   border-radius: 8px; border-radius: 100px;
   border:solid 1.4px rgb(220,220,220);
   border-color: rgba(226, 226, 229, 1);
   border-width: 2px;
   /*
   box-shadow: 0 0 1px #6060604f, 0 4px 8px -2px #60606026;
   */
}
.champFiltre label{
  font-size: 11px;
}
.champFiltre select, .champFiltre input{
   flex-grow: 1px;
   border: none;
   padding: 3px;
   background: transparent;
    flex: 1;
    flex-grow: 1;
}
.champFiltre_mini{
    padding-bottom: 2px;
    padding-top: 2px;
}

.h_champFiltre{
   padding-top: 2px;
   padding-bottom: 2px;
}
/**/
.cadre_tableau{
   background:rgb(240,240,240)!important;
}

.ul_option_etat {
   margin: auto;
}
.ul_option_etat li{
    display: inline-block; 
    padding-right: 12px;
}

.fact_verife,  .fact_non_verife{
   border-radius: 12px;
   display: inline-block;
   padding-left:4px;
   padding-right: 4px;
   font-size: 11px;
}
.fact_verife{
    color:#26C454;
}  
.fact_non_verife{
}

.cont_ctrl_option_search_art{
   display: flex;
}
.cont_ctrl_option_search_art button{
   cursor: pointer;
   margin-left: 0px;
   padding: 10px 8px;
   background: rgb(200,200,200);
   border:solid 1px rgb(240,240,240);
   color:white;
}
.cont_ctrl_option_search_art .acticedModeSerch{
   background: rgb(60,60,60);
   color:white;
}

.menu_line::-webkit-scrollbar{ width:0px;}
.menu_line{
   overflow-x: auto;
   display: flex;
   width: 100%;
   margin-left: 0px;
   padding-left: 0px;
}
.menu_line li{
   display: inline-flex;
   list-style: none;
   text-align: center;
   margin: 5px;
   background: var(--cadre);
   border-radius: 12px;
   border-style: solid;
   border-width: 1px;
   border-color: var(--cadre_border_color);
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.menu_line li{
   display: inline-flex;
   list-style: none;
   text-align: center;
   width: 60px;
   height: 60px;
   margin: 5px;
   background: var(--cadre);
   border-radius: 12px;
   border-style: solid;
   border-width: 1px;
   border-color: var(--cadre_border_color);
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
   font-size: 12px;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.menu_line i,.menu_line svg{
   display: block;
}
/**/
.btn_activation_bareCodeReader{
   height:35px!important; 
   padding-left: 12px;padding-right: 12px; border-radius: 8px; border: solid 1px rgb(200, 200, 200);box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
   background: white!important;
   color: rgb(160,160,160)!important;
   display: inline-flex!important;
}

.actived_barcode_reader{
    border: solid 1px #CF8D0D!important;
    color:#CF8D0D!important;
}
.btn_activation_bareCodeReader i{
   font-size: 24px; line-height: 0px;  margin: auto;
   
}
.input_barecode{
   height:5px; width: 10px;
   border: none;
   background: transparent!important;
   color: transparent!important;
}
.input_barecode:focus{
   border: none;
}

 /***/
 .circle_top_horaire{
   height:12px;width:12px;border-radius: 100px;border:solid 2px red;
 }
 .cont_item_horaire_pgm{
   border-left: solid 1px;margin-left:6px;
 }
 .cont_item_horaire_pgm .item_horaire_pgm{
    padding-top: 18px;
    display: block;
 }
 .cont_item_horaire_pgm ._item_horaire_pgm .item_horaire_pgm_heure{
   cursor: pointer;
   color: var(--secondary);
 }
 .cont_item_horaire_pgm_button {
   border: none;
   padding: 6px;
   cursor: pointer;
   margin-top: 5px;
   background: var(--secondary);
   color: white;
   padding: .15rem .5rem;
   font-size: .575;
   font-weight: 400;
   outline: none;
   line-height: 1;
   line-height: 1.5;
   border-radius: 4px;
}
 /**/
 .clavierFac ,.clavierFac_btVD{
   display: -ms-flexbox;
  display: flex;
   width:210px; max-width:210px;
}
.clavierFac button, .clavierFac_btVD button{
  width:62px; max-width:62px;
  height:60px;display: inline-block;
  font-size: 17px; margin: 0px; border-radius: 0px;
  background: rgb(250,250,250); 
  border: solid 1px rgb(245,245,245); 
  border: solid 1px rgb(230,230,230); 
  color: rgb(120,120,120);

  background: #F5F5F5!important;  /* fallback for old browsers */
  background: -webkit-linear-gradient(#F5F5F5,  #F2F2F2)!important;  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(#F5F5F5,  #F2F2F2)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: 0 16px 24px rgba(104, 106, 115, .08), 0 2px 8px rgba(104, 106, 115, .06);

}
.clavierFac button:hover{

   background: rgb(230,230,230); 
   border: solid 1px rgb(245,245,245); 
   color: rgb(120,120,120);
   border-radius: 4px;
   background: #DCDCDC!important;  /* fallback for old browsers */
   background: -webkit-linear-gradient(#DCDCDC,  #E6E6E6)!important;  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(#DCDCDC,  #E6E6E6)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 }
.clavierFac_btVD{
   width:140px;max-width: 140px; margin-left:5px;
}
.clavierFac_btVD .buttonOK{
   width:120px;
   -ms-flex: 0 0 120px;
   flex: 0 0 120px;
   height:120px;display: inline-block;
   font-size: 18px; margin: 0px; border-radius: 0px;
}
.clavierFac .btnOk{
   /*background: #1d9f9f;
   border: solid 1px #1d9f9f;*/
   border: solid 1px rgb(200,200,200);
   background: rgb(200,200,200); 
   background: #C8C8C8!important;  /* fallback for old browsers */
   background: -webkit-linear-gradient(#C8C8C8,  #BEBEBE)!important;  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(#C8C8C8,  #BEBEBE)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   box-shadow: 0 16px 24px rgba(104, 106, 115, .08), 0 2px 8px rgba(104, 106, 115, .06);

}
.clavierFac_btVD .btnQte{
   background: #1d9f9f;
   border: solid 1px #1d9f9f;
}

.clavierTailleCbx{
   font-size: 24px;
   padding: 12px;
}
.clavierCouleur{
   margin-left: 0px;
   padding-left: 0px;
}
.clavierCouleur li{
   cursor:pointer;
   display: inline-block;vertical-align: top;
   border-radius:8px;
   margin-bottom: 10px;
   margin-right:10px;
   width:60px; height: 60px;
   text-align: center;color:rgb(180,180,180);
}
.clavierCouleur li small{
  color:rgb(200,200,200);
}

.btn_facture_go_paiement{
   border:solid 1px #1d9f9f ; background:#1d9f9f;color:white;
   background: -webkit-linear-gradient(#1d9f9f,  #1C9999)!important;  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(#1d9f9f,  #1C9999)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   

   border:solid 1px #FF7F27 ; background:#FF7F27;color:white;
   background: -webkit-linear-gradient(#FF7F27,  #EB7524)!important;  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(#FF7F27,  #EB7524)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   
   
   box-shadow: 0 16px 24px rgba(104, 106, 115, .08), 0 2px 8px rgba(104, 106, 115, .06);
   font-size: 18px;
}

.btn_submit_facture{
   border:solid 1px #1d9f9f ; background:#1d9f9f;color:white;
   background: -webkit-linear-gradient(#1d9f9f,  #1C9999)!important;  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(#1d9f9f,  #1C9999)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   
   box-shadow: 0 16px 24px rgba(104, 106, 115, .08), 0 2px 8px rgba(104, 106, 115, .06);
   font-size: 18px;
}

.champMontantPaiement{
   display: flex;
   align-items: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
  
   background: var(--cadre);
   padding: 4px;
   padding-top: 8px; padding-top: 5px;
   padding-bottom: 8px; padding-bottom: 5px;
   margin-bottom: 5px;
   border-radius: 8px;
   border:solid 1.4px rgb(220,220,220);
   /*
   box-shadow: 0 0 1px #6060604f, 0 4px 8px -2px #60606026;
   */
}
.champMontantPaiement input{
   border: none;
   flex-grow: 1;
   font-weight: 600;
   color: black;
}
.champMontantPaiement label{
  font-size: 11px;
}

.item_notification{
   border-bottom:solid 1px rgb(220,220,220);
   padding:5px;
   line-height:13px;
   font-size:12px;
}
.item_notification .numboninfos{
   font-weight:600;
   font-size:13px;
}



.Frame_detail_doc{
   padding: fixed!important;
   top:10px!important;
   z-index:999999999999999999!important;
    width:94%; right:4%; height:79vh; border-radius: 12px;margin: auto;
}

.Frame_detail_doc .container_pagnier{
   display: block;  width:100%; max-height: 25vh;min-height:25vh;  overflow-y: auto;
}

 @media screen and (max-width:900px) and (min-height:400px){

 }

 .h1, .h2, .h3, .h4, .h5, .h6, .navbar-brand, h1, h2, h3, h4, h5, h6 {
   letter-spacing: -.04em;
   font-weight: 600;
   
}

.cadre{
   border-radius: 12px;
   padding:12px;
   background: var(--cadre);
   border-color: var(--cadre_border_color);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.cadreBox{
   background: var(--cadre);
   box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
}

.contDashGRID{
   margin-left: 0px;
   padding-left: 0px;
   display: flex;
}
.contDashGRID li{
   flex: 1;
}
.contDashGRID li .grid_value{
   display: block;
   font-weight: 600;
}
.contDashGRID li .bar{
   width: 50px;
   border-bottom:solid 5px;
   margin: auto;
}


.container_m{
   width:80%;margin:auto;
}
/**/

/**/

.cadre_rapport_synt{
   border: solid 1px rgb(205,205,205);
   padding: 8px;
   border-radius: 8px;
   margin-bottom: 12px;
   
}
.cont_sythese_rap{
   display: flex;
   margin-top: 5px;
}
.cont_sythese_rap .cont_sythese_rap_item{
   width: auto;
   flex-grow: 1;
   border-right: solid 1px rgb(205,205,205);
   text-align: center;
   font-size: 11px;
}
.cont_sythese_rap .cont_sythese_rap_item:last-child{
 border: none;
}
.cont_sythese_rap .cont_sythese_rap_item h5{
   font-size: 13px;
   margin-top: 0px;
   margin-bottom: 0px;
   color: var(--title_text);
}
.progressbar_stat{
  background-color: rgba(126,142,177,0.12);
  height: 8px;
  width: 100%;
  border-radius: 3px;
}
.progressbar_stat_vp{
   width: 40%;
   height: 100%;
   border-radius: 6px;
   background: #4CAF50;
}

/**/
.menu_grid{
   padding: 0px;
   margin: 0px;
   text-align: center;
}
.menu_grid li{
   display: inline-block;
   height: 120px;
   width: 30%;
   margin: 5px;
}
.menu_grid li a{

   display:flex;
   justify-content: center;
   text-align: center;
   height: 120px;
   width: 100%;
   align-items: center;
   border: solid 1px rgb(205,205,205);
   border-radius: 6px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    font-size: 13px;
    font-weight: 600;
}
.menu_grid .cont_icon{
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   height: 40px;
   width: 40px;
   border-radius: 100px;
   background: white;

}
.menu_grid li a i{
  display: block;
  font-size: 32px;
  width: 100%;
}
.cont_btn_menu_QrcodeScan {
   text-align: center;
   margin-top: 50px;
}
.cont_btn_menu_QrcodeScan button{
   width: 70px;
}
.cont_btn_menu_QrcodeScan button i{
      font-size: 32px;
}


.darkTheme  .cadreItem{
   background: var(--cadre);
}
.darkTheme  .cadreItem_body, .darkTheme  .categ_list_item_sous_cat, .darkTheme .lab-item_cat{
   background: var(--body);

}

.cadreItem_header{
   display: flex;
   padding: 6px 6px;
   padding-top: 12px;
   padding-left: 12px;
   padding-bottom: 12px;
}
.cadreItem_body{
   border-radius:var(--radiusItem);
   border-radius: 20px;
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
   background: white;
}
.cadreItem_header_cont_title{
   flex-grow: 1;
   padding-right: 5px;
}
.cadreItem_header_title{
   color:var(--title_text);
   font-size: 1.2rem;
}

.cadreItem_header_cont_opt{
  padding-right: 5px;
  min-width: 50px;
}

.cadreItemOpen{
   /*margin-bottom:25px;*/
   border: 1px solid rgba(0, 0, 0, .125);
}
.cadreItem_cont_photo_Coll{
  padding-top: 12px;
  padding-bottom: 12px;
  max-width: 60px;
}
.cadreItem_cont_photo_Coll img{
   height: 30px;width: 30px;
   min-width: 30px;
   border-radius: 100px;
   margin-right: -10px;
}

.cadreItem .categ_list_item_sous_cat .li_invit_on_table{
   background: transparent;
   /*
   box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
   */
   padding-top: 15px;
   padding-bottom: 15px;
}
.btn_add_inv_inTab{
    border-radius: 100px;
    border: solid 1px var(--primary);
    border: solid 1px transparent;
    padding: 8px 12px 8px 12px;
    background:rgb(0,0,0);
    color: white;
}
/**/
.item_detail_infos{
  margin-top: 8px;
}

/***/
.cont_synthese_list{
   border-radius: 12px;
   padding: 8px;
   margin-bottom: 30px;
   opacity: 0.6;
   background: var(--primary);
   background: white;
   color: black;
}

/**/
.btn_float_bottom{
   position: fixed;
   z-index: 99999999999;
   bottom: 90px;
   right:50px;
   height: 45px;
   width: 45px;
   line-height: 30px;
   text-align: center;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   border-radius:15px;
   text-align: center;
   background-color: var(--secondary) !important;
   border-color: var(--secondary) !important;
   border:none;
   color:white;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   font-size: 16px;
   font-weight: 600;
}
.btn_float_bottom i{
   font-size: 28px;
}


.lienModeOnglet{
   padding-left:1%;
   display: flex;
   border-bottom: solid 0px rgb(230,230,230);
   border: none;
   overflow-x: auto;
}
.lienModeOnglet::-webkit-scrollbar{ width:5px;}
.lienModeOnglet::-webkit-scrollbar-thumb{ background: transparent;border-radius: 8px;}

.lienModeOnglet li{
   display: inline-flex;
   cursor: pointer;
   margin-right:25px;
   font-size: 12px;
   padding: 2px 8px 6px 8px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-align: center;
   border-radius: 100px;
   border: solid 0px var( --border_color);
   
}
.lienModeOnglet li div{
   margin: auto;
   cursor: pointer;
}
.lienModeOnglet .actived_item{
  /*background:var(--primary);
  color: white;*/
   color:var(--title_text);
   /*
   border-bottom:solid 2px var(--primary);
   */
   font-weight: 600;
   background: rgb(220,220,220);
}
.lienModeOnglet_colle li{
   display: inline-flex;
   margin-right:0px!important;
   padding-left: 5px;
   padding-right: 5px;
   
}
.lienModeOnglet_colle li div{
  border-radius:120px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
}
.lienModeOnglet_colle li{
   border-radius:120px;
   font-size: 11px;
   border-left: none;
}

.lienModeOnglet_colle li:first-child{
   /*border-radius: 8px 0px 0px 8px!important;*/
   border-left: solid 0px var( --border_color);
}
.lienModeOnglet_colle li:last-child{
   /* border-radius: 0px 8px 8px 0px!important;*/
    border-right: solid 0px var( --border_color);
 }

.menu_setting_manager_event{
   padding: 0px;
}
.menu_setting_manager_event li{
   text-align: left;
   padding: 5px 4px;
   margin-bottom: 12px;
   display: flex;
   -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

   border-radius: 12px;
   background: rgba(255, 255,255, 0.7);
   background: var(--cadre);
   border-style: solid ;
   border-width: 1px;
   border-color: var(--cadre_border_color);

   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.menu_setting_manager_event li svg{
   margin-right: 5px;
}
.menu_setting_manager_event li h4{
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 16px;
  /* color: rgb(90,90,90);*/
  color:var(--title_text_ligth);

}
.menu_setting_manager_event li div{
   flex-grow: 1;
}
.menu_setting_manager_event li .value_cont{
   flex-grow: 0;
  
}
.cretMenu  small{
   display: block;
   font-size: 11px;
  margin-bottom:5px;
}
.grid_disp li{
   display: inline-block;
   width: 45%;
   text-align: center;
}

.btn_lien{
   display: inline-block;
   height: auto;
   padding: 8px 12px;
   border-radius: 100px!important;
   background: var(--primary);
   color: white;
}

.line_option_nouveau {
   background: rgba(20, 20, 20, 0.8);
   color:white;
}
.line_option_nouveau li{
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 18px;
   cursor: pointer;
}

.tit_lab_form{
   font-size: 18px;
   line-height: 17px;
   text-align: center;
}

.photo_detail_invit{
   height:100px;width:100px;
   border-radius: 100px;
}

.cont_list_horiz_btn_option{
   text-align: center;
   margin-bottom: 50px;
   display: block;
}
.cont_list_horiz_btn_option li{
   display: inline-block;
   font-size: 11px;
   margin-left: 12px;
   margin-right: 12px;
}
.cont_list_horiz_btn_option li span{
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
     align-items: center;
     height: 50px;
     width: 50px;
     border-radius: 100px;
     background: rgba(126,142,177,0.12);
}
.cont_list_horiz_btn_option i{
   font-size:24px;
}


/****/


/**/
.chamSearch_on_frame{
   height: 35px;
   border-radius: 100px;
   background: rgba(210, 210, 210, 0.2);
   padding-left: 5px;
}
.chamSearch_on_frame input{
   background: transparent;
   flex-grow: 1;
   height: 35px;
   border: none;
   box-sizing: unset;
   margin: none;
   vertical-align: top;
   padding-left: 6px;
}
.chamSearch_on_frame i{
   margin-left: 5px;
}

.ul_option_second_left_menu{
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 5px;
}
.ul_option_second_left_menu li{
   cursor: pointer;
   padding-top: 4px;
   padding-bottom: 4px;
   
}
.ul_option_second_left_menu li:hover{
   color:var(--primary);
}

.btn_voir{
   background: var(--primary);
   color:white;
   border-radius:12px;
   padding: 4px 13px;
   font-size: 12px;
   cursor: pointer;
}
.unicolor, .unicolor th, .unicolor td,.unicolor thead, .unicolor thead th, .unicolor tbody td{
    background: transparent!important;
}

.cont_item_bon_attente{
   font-size: 13px;
   line-height: 14px;
}
.cont_item_bon_attente li{
   cursor: pointer;
   padding-bottom: 5px;
   padding-top:5px ;
   border-bottom: solid 1px rgb(200,200,200);
}
.cont_item_bon_attente li .numboninfos{
    font-weight: 600;
}
.cont_item_bon_attente li:hover{
   background: rgb(240,240,240);
}

.pagnierAppro{
   
}
.containerPagnier{
   min-height: 250px;
   max-height: 250px;
   overflow: auto;
}
.pagnierAppro tr td {
    height: 20px!important;
    max-height: 20px!important;
    padding-top: 2px;
    padding-bottom: 2px;
}
.pagnierAppro tr td i{
   font-size: 16px;
}

.titreItem_dashboard{
   margin-top: 0px;
   font-size: 16px;
}
.item_value_dashboard{
   font-size: 22px;
   font-weight: 550;
}
.item_subvalue_dashboard{
   
}

.item_cont_icon_dashboard{ 
   width: 40px;
   height: 40px;
   text-align: center;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   background: red;
   border-radius: 100px;
   margin-bottom:8px;
   box-shadow: 0 0.375rem 1rem 0 rgba(58, 53, 65, 0.12);
}
.item_cont_icon_dashboard i{ 
   font-size: 18px;
}

.btn_dash_detail_balence{
   margin-top: 8px;
   box-shadow: 0px 1px 5px 0px rgba(58, 53, 65, 0.12);color: #fff;
   background-color: #00d2ff;; 
   border-color: #9055fd;  border: none;  line-height: 1.2;cursor: pointer;align-items: center;
   justify-content: center;
   text-transform: uppercase;
   letter-spacing: 0.4px;font-size: 0.8125rem;padding: 0.375rem 0.969rem;border-radius:  0.25rem;
 }

/**/
.items_persone{
   display:flex;
   width:100%;
   padding: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
   cursor: pointer;
}
.items_persone:hover{
   background: rgb(250,250,250);
} 
.items_persone .cont_avatar{
   height: 30px;
   min-height: 30px; min-height: 30px;
   width: 30px;
   max-width: 30px;
   min-width: 30px;
   border-radius: 100px;
   background: rgb(180,180,180);
   color: white;
    margin-right: 10px;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.items_persone .avatar_img{
    height: 50px;
    width: 50px;
    border-radius: 100px;
    margin-right: 8px;
    background: rgba(0, 0, 0, .125);
    border-radius: 100px;
}
.items_persone .cont_description{
   flex-grow: 1;
   padding-bottom: 15px;
}
.items_persone .p_name{
   color: var(--title_text_ligth);
   line-height: 16px;
}
.items_persone .post_descript{
  
    font-size: 12px;
    line-height: 13px;
}
.items_persone .p_tel{
   font-size: 12px;
}
.items_persone .cont_option{
  text-align: right;
}
.items_persone_cont_option{
   min-width: 60px;
}
.items_persone_cont_option  button{
   border-radius: 100px;
   border: none;
   padding: 6px;
   cursor: pointer;
   margin-top: 5px;
   background: var(--primary);
   background: transparent;
   /*color:white;*/
   color:var(--primary);
   text-align: right;
}

.selectedItemClient{
   border-left: solid 5px var(--primary);
}

.cont_btn_select_mode_paiement{

}
.cont_btn_select_mode_paiement button{
   border: solid 1px rgb(230,230,230);
   margin-bottom: 8px;
   border-radius: 4px;
   min-width: 30%;
   font-size: 11px;
}
.cont_btn_select_mode_paiement .selected_btn_modepaiement{
     border: solid 3px orange;
}
.cont_btn_select_mode_paiement img{
   height: 35px;
   max-width:70px;
   display: block;
   margin: auto;
}

/*****/
.btn_activedUser{
   cursor: pointer;
   color:#1d9f9f;
}
.btn_desactivedUser{
   cursor: pointer;
   color: orange;
}

.table_botom_border td{
  border-bottom: solid 1px;
}

.selected_item_bon{
   border-left:solid 5px #0dcaf0;
   background: rgb(250,250,250)!important;
}


.ruBan_btn_ADD button, .btnAdd_rub{ 
   background:white; text-transform: uppercase;
   font-size:11px;
   box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
   border-radius:3px;
  
 }
 .champTxt{
   height:18px;font-weight: 600;
   border: solid 1px rgb(240, 240, 240);
   margin-right:8px;
   border-radius:5px;
 }
 .champComboTxt{
   height:24px;font-weight: 600;
   border: solid 1px rgb(240, 240, 240);
   margin-right:8px;
   border-radius: 100px;
 }
 

 /***/
 .cont_head_btn_option{

 }
 .cont_head_btn_option button{
   margin-left: 8px;
   padding-top: 4px; padding-bottom: 4px;
   border-style: solid;
   border-width: 1px;
   border-color: rgb(200, 200, 200);
   border-radius:6px;
 }
 .cont_head_btn_option button:disabled{
    color: rgb(200, 200, 200);
}
.cont_head_btn_option button:first-child{
   margin-left: 0px;
}

/***FEUILLE DOCUMENT**/
.headDoc{
   font-size:13px;
}
.headDoc h2{
   font-size:16px;
}
 /****/
 .cont_row_facturation{
  display: flex;
  width: 100%;
 } 

 .cirle_notification{
      background: red;
      color:white;
      border-radius: 100px;
      align-items: center;
      justify-content: center;
      text-align: center;
      display: inline-block;
      min-width:20px;
      margin-left: 9px;
 }

 .bd-badge {
   font-size: 12px;
   font-weight: 400;
   padding: 4px 10px 4px 10px;
   color: white;
   height: 26px;
   min-width: 75px;
   display: inline-flex;
   text-align: center;
   border-radius: 6px;
   justify-content: center;
   align-items: center;
   background: #1ABC9C;
}
.thead_large_h{
   height: 45px;font-size: 12px;
}
.thead_large_h th{
   font-size: 12px;
}

.table_thead_large_h thead{
   height: 45px!important;
   font-size: 12px;
}


.darkTable{
   width: 100%;
   background-color: #293145!important;
   color: #ccd9e8!important;
}
.darkTable th{
   border-bottom-color: rgba(255, 255, 255, 0.05)!important;
   color: rgba(218, 226, 243, 0.4)!important;
   border: none!important;
}
.darkTable thead th, .darkTable thead th , .darkTable thead tr th{
   border-bottom-color: rgba(255, 255, 255, 0.05)!important;
   color: rgba(218, 226, 243, 0.4)!important;
}

.darkTable td{
   color: #ccd9e8!important;
   border-bottom-color: rgba(255, 255, 255, 0.05)!important;
}


.cont_item_infos_client li{
   display: flex;
   margin-bottom: 8px;
} 
.cont_item_infos_client i{
   margin-right: 8px;
   /*width: 30px;*/
}

.dash_vertical_item{
   display: flex;
   border-bottom: solid 1px rgb(235,235,235);
   padding: 12px;
   padding-bottom: 15px;
   padding-top: 15px;
   font-size: 13px;
}
.dash_vertical_item:last-child{
   border: none;
}
.dash_vertical_item .cont_icon_cadre{
   border: solid 1px rgb(220,220,220);text-align: center;display: inline-flex;justify-content: center;align-items: center;width: 50px;border-radius: 8px;
}
.dash_vertical_item .lab_valeur{
   font-size: 20px; font-weight: 600;
}


/**/
   .cont_float_fixed_btn_edit{
     position: fixed;
     bottom: 120px;
     right: 60px;
     z-index: 999999999999999;
  }
  .cont_float_fixed_btn_edit button{
      display: block;
       height: 50px;
       width: 50px;
       border-radius: 100px;
       margin-bottom: 5px;
   }


   .btn_mbk{
       height: 30px;
       border-radius: 4px;
   }
/***/

 @media screen and (min-width:1201px){
   .cont_row_facturation .cont_article_cadre{
      width: 60%;
      max-width: 60%;
   }
   .cont_row_facturation .cont_clavier_cadre{
      -ms-flex: 0 0 25%;
	   flex: 0 0 25%;
	   max-width: 25%;
      min-width: 25%;
   }
   .cont_row_facturation .cont_panier_cadre{
      min-width: 33.333333%;
      flex-grow: 1;
   }
 }
 @media screen and (min-width:649px)and (max-width:1118px){
   .cont_row_facturation{
     justify-content: right;
   } 
   .cont_row_facturation .cont_article_cadre{
      max-width: auto;
      margin-right: 8px;
      width: 55%;
      max-width: 55%;
   }
   .cont_row_facturation .cont_clavier_cadre{
     max-width: 33%;
     flex: 1;
     display: none;
   }
   .cont_row_facturation .cont_panier_cadre{
      min-width: 42%;
      max-width: 42.333333%;
      margin-right: 5px;
      
   }
 }
 /***/
@media screen and (min-width:901px)and (max-width:1200px){
  
}



@media screen and (min-width:649px)and (max-width:900px){
   .offPC{
        display: none;
   }
   .wd_100_90{
      width: 90%;
      margin: auto;
   }
   .w98_100{
      width:100%;
   }
   .lienModeOnglet_colle li div{
     
      font-size: 16px;
    }
    .dash_cont_event_destail{
      display: flex;
    }
    .dash_cont_event_destail .dash_cont_poster{
       max-width: 40%;
    }
    .dash_cont_event_destail .dash_cont_option{
       margin-right: 8px;
    }
    .dash_cont_event_destail .dash_cont_poster img{
       border-radius: 12px;
    }
   .btn_float_bottom{
      bottom: 10px;
      right: 20px;
      width: 50px;
      height: 50px;
      line-height: 30px;
      font-size: 32px;
      font-weight: 600;
      border-radius: 12px!important;
   }
 
   .itemEvent{
      display: block;
      width: 50%;
      margin:auto;
      margin-bottom: 30px;
      border-radius: 12px;
   }
   .categ_list_item .cadreItem{
      width: 45%;
      margin-right: 2%;
      display: inline-block;
      vertical-align: top;
   }
}

@media screen and (max-width:648px) {
   /**/
   p {
      font-size: 0.875rem;
      font-weight: 400;
  }
  .wd_100_90{
      width: 94%;
      margin: auto;
  }
  .w98_100{
      width:100%;
  }
  .dash_cont_event_destail{
      display: flex;
      width: 100%;
      margin-bottom: 25px;
      display: flex;
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      -webkit-box-align:start;
      -ms-flex-align:start;
      align-items:flex-start
   }
  
   .contDashGRID{
      display: block;
   }
   .contDashGRID li .grid_value{
      display: block;
      font-weight: 600;
      margin-bottom: 25px;
   }
   

  .menu_line{
      overflow-x: auto;
      display: flex;
      width: 100%;
   }
   .menu_line li{
      display: inline-flex;
      list-style: none;
   }

   .filterContronl_h{

       position: fixed;
       top:100px;
       width: 100%;
       height:100vh;
       left: 0px;
       top: 0px;
       background: var(--cadre);
       background: rgba(0, 0, 0, .125);
       z-index: 999999999999999999;
       padding: 8px;
   }

   .filterContronl_h .cont_mn_filter{
       background: white;
       padding: 12px;
       width: 80%;
       margin: auto;
       margin-top: 150px;
       border-radius: 8px;
  }
  /*
  .btn {
   font-size: 1rem;
   font-weight: 500;
   padding: 12px 25px;
   line-height: 24px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none !important;
   border-width: 1px;
   border-radius: 12px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
}*/
   .container_m{
      width:100%;margin:auto;
   }
   .container_in{
      width:90%;margin:auto;overflow: auto;padding-bottom: 180px;
   }
   .container2{
      width:90%;
      margin: auto;
   }
   .btn_close_oval{
      height:30px;
      width: 30px;
   }
  

   .menu_grid{
      padding: 0px;
      margin: 0px;
      text-align: center;
      /*background: rgb(250,250,250);*/
   }
   
   .menu_grid li{
      display: inline-block;
      height: 120px;
      width: 43%;
      margin: 5px;
   }
   .menu_grid li a{
      height: 120px;
      border-radius:30px;
      font-size:17px;
   }
   .menu_setting_manager_event .cretMenu  small{
      font-size: 12px;
   }

   .cont_icon{
      height: 40px;
      width: 40px;
      border-radius: 100px;

   }

   /**/
   .item_table_salle .cont_card{
      width: 150px;
      height: 150px;
      border-radius: 100px;
   }
   /**/

   .categ_list_item li{
      width: auto;
      margin-left: 0%;
      display: block;
   }
   .categ_list_item_sous_cat li{
      width: auto;
      display: block;
      padding: 8px;
      padding-top: 12px;
      padding-bottom: 12px;
   }
   .categ_list_item .cadreItem{
      width: 96%;
      width: 98%;
      margin-left: 0%;
      display:block;
   }

   
   .btn_float_bottom{
      bottom: 100px;
      right: 30px;
      width: 50px;
      height: 50px;
      line-height: 30px;
      font-size: 32px;
      font-weight: 600;
      border-radius: 12px!important;
   }
   /**/
   
   /**/
   .lienModeOnglet{
      
      padding-left:1%;
      display: flex;
      text-align: center;
      justify-content: center;
      border-radius: 12px;
   }
   .lienModeOnglet li{
      display: inline-flex;
      margin-right: 8px;
      font-size: 13px;
      text-align: center;
      padding: 3px 3px 3px 3px;
      border-radius: 12px;
   }
   .lienModeOnglet li div{
      margin: auto;
   }
   .lienModeOnglet_colle li{
    
     border-radius: 12px;
     display: inline-block;
     font-size: 24px;
     font-family: 16px;
     font-size: 13px;
     /*
      margin-right: 0px!important;
      border-radius: 0px!important;
      */

   }
   .lienModeOnglet_colle li:first-child{
     /* border-radius: 8px 0px 0px 8px!important; */
     border-radius: 80px!important;
   }
   .lienModeOnglet_colle li:last-child{
       /* border-radius: 0px 8px 8px 0px!important;*/
       border-radius: 80px!important;
    }

   .lienModeOnglet .actived_item{
      /*
      border-bottom:solid 3px var(--primary);
      border-bottom:solid 2px black;*/
      font-weight: 600;
   }
   .lienModeOnglet_colle, .lienModeOnglet_colle li{
      border-radius: 30px;
   }
   .lienModeOnglet_colle li div{
      border-radius: 12px;
      font-size: 16px; font-size: 13px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 1px;
      padding-bottom: 1px;
      border-radius: 80px!important;
   }

   /**/
   .photo_detail_invit{
      height:90px;width:90px;
      border-radius: 100px;
   }

   .dlgg_item p{
      margin-top:8px;margin-bottom:8px;
   }

  
   .champFiltre{
     
   }
   .h_champFiltre{
      padding-top: 5px;
      padding-bottom: 5px;
   }
   .champFiltre label{
      font-size: 13px;
    }
    .champFiltre select, .champFiltre input{
     
      padding: 4px;
      padding-top: 6px;
      padding-bottom:6px;
    }

    .item_dash_synthese{
       display: flex;
       font-size: 18px;
       border-bottom: solid 1px rgb(235,235,235);
       padding-bottom: 5px;
       padding-top: 8px;
    }
    .item_cont_icon_dashboard{
          height: 80px;
    }
    .item_cont_icon_dashboard i{
        font-size: 24px;
    }
    .item_dash_synthese .small{
       font-style: 16px;
   }

   .top_mob{
      margin-top: 12px;
   }

}
@media screen and (max-width:360px) {
    
    
}
.menu_grid li .color1{
   background: rgba(126,0,0,0.5);
   color:white;
}

.btn_close_oval{
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   background: transparent;
   border-radius:12px;
   font-size: 11px;
   cursor: pointer;
   width:20px;
   height:20px;
   border: solid 1px;
   background: #8a8d93;
   color: white;
}
.btn_close_oval i{
   font-size: 18px;
   cursor: pointer;
}




.winzard_from{

}
.winzard_from .winzard_main{
  
}
.winzard_from .winzard_item{
  
   flex-grow: 1;
   max-width: auto;
}
.winzard_from .winzard_main .winzard_item:first{
   display: block;
}


.form-control-label{

}
.form-control{
   
}

.mb_contact_list_cont .mb_item_contact{
   background: rgb(205,205,205);
   border-radius:8px;
   display: block;
   margin-bottom: 50px;
}


.cont_listArticle {
  overflow-y: auto;
  text-align: right;
}

.cont_listArticle li{
   cursor: pointer;
   font-size:13px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 15px;
   background: white;
}


.cont_listArticle .caroItemArt_cont_prix{
   display: none;
}
.cont_listArticle li:hover{
   cursor: pointer;
   color: green;
}
.cont_listArticle .caroItemArt_contImg{
   display: none;
}

.list_art_grid{
  text-align: center;
  margin-bottom: 5px;
  width: 100%;
  overflow-x: hidden;
}
.list_art_grid li{
   cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    min-height: 170px;
    max-height: 170px;
    margin-right: 5px;
    margin-bottom: 8px;
    border-radius: 12px;
    padding: 8px;
    background: var(--cadre);
    border-color: var(--cadre_border_color);
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.list_art_grid .caroItemArt_contImg{
   display: block; 
   height: 120px;
   display: flex;
   max-height: 120px; overflow: hidden;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.list_art_grid .caroItemArt_contImg img{
   display: block;
   height: auto;
   max-height: 120px;
   max-width: 60%;
   margin: auto;
}
.list_art_grid .caroItemArt_contDescrip{
   font-size:11px;line-height: 12px;
}

.alert-warningRapport {
   color: #6e6446;
   background-color: #fcedbe;
   border-color: #fbe6a8;
   padding: 0.75rem 1.25rem;
   border: 2px solid transparent;
   border-radius: 6px;
   text-align: right;
   line-height: 16px;
   font-size: 13px;
}
.alert-warningRapport h2{
   color: #6e6446;
   margin-top: 0px; margin-bottom: 2px;
   line-height: 19px;
}
.alert-warningRapport button { margin-top: 10px;
   color: #292b2c;
   background-color: #fff;
   border-color: #fff;
   color: #CF8D0D;
}

@media screen and (min-width:649px)and (max-width:1200px){
   .list_art_grid li{
      cursor: pointer;
       display: inline-block;
       vertical-align: top;
       width: 28%;
       min-width: 28%;
       max-width: 28%;
       min-height: 170px;
       max-height: 170px;
       margin-right: 5px;
       margin-bottom: 8px;
       border-radius: 12px;
       padding: 8px;
   }
   .list_art_grid .caroItemArt_contImg{
      height: 120px;
      max-height: 120px; overflow: hidden;
   }
   .list_art_grid .caroItemArt_contImg img{
      height: auto;
      max-height: 120px;
      max-width: 60%;
      margin: auto;
   }
}


@media print{
	.box{
      background: transparent;
      box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0)!important;
	}
 }