@media (min-width: 768px) and (max-width: 1440px) {

	.hiddenifsmall{
		display:none;		
	}
	.export_files_button {
	
		display:none;
	  }
	  .export_files_button_small {
		font-size: 22px !important;
		display:block !important;
		height: 75% !important;
		cursor: pointer !important;
		text-align: center !important;
		
	  }
}


@media (max-width: 768px) {
	#navbarNavMenu li.ms-2,#navbarNavMenu li.ms-3,#navbarNavMenu li.ms-4,#navbarNavMenu li.ms-5{
		margin-left:0 !important;	
	}
	.export_files_button {
	
		display:none;
	  }
	  .export_files_button_small {
	
		display:block !important;
	  }
}


#header{background-color:#FFF;}
.navbar-toggler{
	font-size:0.9em;
	margin-left:60px;
}
#navbarTop{
	width:100%;
	height:60px;
	top: 0;
	left: 0;
	position: fixed;
	/*box-shadow: 0 5px 15px rgba(0,0,0,.1); */
	/*border: 1px solid rgba(234, 234, 234, 0.03);*/
	background-color:#FFF;
	z-index:3;
}
#navbarTop a span{
	margin-right:3px;
}
#navbarTop a.active{
	
	background: #EFEFEF;
	border-radius: 5px;
	padding-left : 15px;
	padding-right: 15px;
}

table.dataTable td{
	text-align: center;
	vertical-align: middle;
	font-size: 1.2em;
	
}

.content-page{
	margin-top:65px;
	margin-left:65px;
}
#mapid{
	z-index:1;
}
#navbarLeftLittle{
	width:60px;
	height:100%;
	top: 60px;
	left: 0;
	position: fixed;
	background-color:#FFF;
	z-index:1000;
}
#navbarLeftLittle .fa, #navbarLeftLittle .fa-solid, #navbarLeftLittle .fa-regular{
	line-height: 2;
	font-size: 1.6em;
}

#navbarLeftLittle .item-group, #navbarLeftBig .item-group{
	margin-top:10px;
	margin-left:15px;
	padding:5px;
}
#navbarLeftLittle .item{
	cursor:pointer;
	margin:auto;
	text-align:center;
}
 #navbarLeftBig .item{
	cursor:pointer;
	margin:auto;
	text-align:left;
}

#navbarLeftBig{
	min-width:200px;
	height:100%;
	top: 60px;
	left: 0;
	position: fixed;
	background-color:#FFF;
	z-index:2;
}
#navbarLeftBig a {
	text-decoration: none;
	color:#000;
	display:block;
}
#navbarLeftBig .fa, #navbarLeftBig .fa-solid, #navbarLeftBig .fa-regular{
	line-height: 2;
	font-size: 1.6em;
}


.content-type-widget-panel .widget{
	padding:10px;
	
}
.card-footer a{margin-top:10px;}
.widget small{color:#CCC;font-size:0.75em;}

fieldset.row-1{min-height:100px;}
fieldset.row-2{min-height:200px;}
fieldset.row-3{min-height:300px;}
fieldset.row-4{min-height:400px;}
fieldset.row-5{min-height:500px;}
fieldset.row-6{min-height:600px;}
fieldset.row-7{min-height:700px;}
fieldset.row-8{min-height:800px;}
fieldset.row-9{min-height:900px;}
fieldset.row-10{min-height:1000px;}
fieldset.row-11{min-height:1100px;}
fieldset.row-12{min-height:1200px;}


/* general dev class ********************************/
h1 {
	margin-bottom: 20px;
	font-size:16px;
}

h2 {
	font-size: 15px;
}

h3 {
	font-size: 14px;
}
h4{
	font-size: 14px;
	color: #555;
}

.cls, .clear{
	clear:both;
	line-height:0px;
}

.bc-active a{
	text-decoration : none;
	color:#333;
}


 .hide{
	display:none
 }
.default {
	background: #FFFFFF !important;
}
.default_expl {
	background: #FFFFFF !important;
}
.default_test {
	background: #FFFFFF !important;
}
.default_test_expl {
	background: #FFFFFF !important;
}
.mandatory {
	background: #85d6cd !important;
}
.ingred_dont {
	background: #edede8 !important;
}

.fR{
	float:right;
}

.fL{
	float:left;
	margin-left: 10px;
}
.img_principal_cropper{
	display: block;

  /* This rule is very important, please don't ignore this */
  max-width: 100%;
}
.thumb_principal{
	
	height: 100px !IMPORTANT;
	
}
.meta_label{
	width:250px;
}
.number_meta{
	width:75px;
}
#desc_img{
	width:400px
}
.img_data_field {
	height: 120px;
	display: flex;
	align-items: left;
	justify-content: center;
}
.fL button {padding: 5px 10px 10px 10px; }

.clik{
	cursor:pointer;
}
.colorYellow
{
	color: #ffb347;
}
.visuAttnt{
	color:black;
	font-size: 12px;
	font-weight: bold;
}
body {
	font-family: 'Tahoma', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	color: #333 !important;
}


.plv {
	display:none;
}

.lot {
	display:none;
	
}

.produitnom_liste
{
	cursor:  pointer;
}
.fa.red{
	color:red;
}

#productlist_processing{
	position: fixed !IMPORTANT;
	border-style: solid !IMPORTANT;
	background-color:#D8D8D8 !IMPORTANT;
}

#magasinList_processing{
	position: fixed !IMPORTANT;
	border-style: solid !IMPORTANT;
	background-color:#D8D8D8 !IMPORTANT;
}

.titre_company_tdb{
	font-size:1.1em;
	font-weight: bold;
	text-align:center;
}


/* Set height of the grid so .sidenav can be 100% (adjust as needed) */

/*.row.content {
	min-height: 450px
}*/

.control-label2{
	padding-left:5px;
}

.labels_title{
	font-size:20px !important;
	margin-top:30px;
}

.display-bk, .display-bk input, .display-bk textarea, .display-bk select {
	display: block !important;
}

/* Set black background color, white text and some padding */
footer {
	background-color: #555;
	color: white;
	padding: 15px;
}

.col3{
	width:98% !important;
	padding:0;
	margin-bottom:8px !important;
}

.img_produit_liste{
	width: 100px;
	height: 100px;
	background-size: auto 100px!IMPORTANT;
	background-repeat: no-repeat;
	background-color:white;
	background-position: center;
}
.img_produit_public{
	width: 300px;
	height: 300px;
	background-size: 300px;
	 background-repeat: no-repeat;
	 background-color:white;
}

.incateurpourcent{
	position:relative;
	top:80px;
 	left:00px;
}
.btn-aj-prod{
	margin-left:5px !IMPORTANT;
}
.bleu{	
	color:#00a5ee !important;
}
.noir{	
	color:#474747 !important;
}

.border-bleu{	
	border-right: solid #00a5ee !important;
}

.border-rouge{	
	border-right: solid #fd6988 !important;
}

.border-orange{	
	border-right: solid #f27653 !important;
}

.border-jaune{	
	border-right: solid #f0ad00 !important;
}

.border-vert{	
	border-right: solid #42c81f !important;
}

.border-gris{	
	border-right: solid #929292 !important;
}

.border-mauve{	
	border-right: solid #b27fd6 !important;
}
.border-rose{	
	border-right: solid #fa43e2 !important;
}
.border-peche{	
	border-right: solid #f47d4a !important;
}



.rouge{	
	color:#fd6988 !important;
}
.orange{	
	color:#f27653 !important;
}

.jaune{	
	color:#f0ad00 !important;
}

.vert{	
	color:#42c81f !important;
}

.gris{	
	color:#929292 !important;
}

.mauve{	
	color:#b27fd6 !important;
}
.rose{	
	color:#fa43e2 !important;
}

.peche{	
	color:#f47d4a !important;
}

.bg-bleu{	
	background-color:#00a5ee;
}

.bg-rouge{	
	background-color:#fd6988;
}

.bg-jaune{	
	background-color:#f0ad00;
}
.bg-orange{	
	background-color:#f27653;
}

.bg-vert{	
	background-color:#42c81f;
}

.bg-gris{	
	background-color:#929292;
}

.bg-mauve{	
	background-color:#b27fd6;
}

.bg-rose{	
	background-color:#fa43e2;
}
.bg-peche{	
	background-color:#f47d4a;
}

header a:hover, a.alfa:hover {	
	opacity: 0.6;	
	filter: alpha(opacity=60); 
	text-decoration:none !important;
}

header a:focus, a.alfa:focus {	
	text-decoration:none !important;
}

#return_end{
	display:none;
}

.return_arrow_txt{
	font-size: 14px;
	text-decoration: none;}
.img_boutonImport{
	height:30px;
	width:30px;
	
}

#col_assort_marque {
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	column-count: 2;
	width: 90%;
	
  }

#no_col_assort_marque {
	
	width: 90%;
	margin: auto;
}

.text_assort {
	padding:auto;
}
.form-floating label{
	top: -8px;
}
.div_product_add{
	margin-bottom: 20px;
}
.bloc_assort{
	display: flex;
	border: #f27653 2px solid;
	border-radius: 15px;
	
	
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.text_card_assort{
	list-style-type: none;
	
	font-size:20px;
	
}

#col_assort_marque .bloc_assort_col{
	
	margin-bottom: 8%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	
}
.btn_menu_shop{
	width: 95%;
}

.jstree-node a{
	line-height: 1 !important;
	display: inline !important;
}

.jstree-striped li{
	background-color: white !IMPORTANT;
}
#productlist_filter{
	display:none !IMPORTANT;
}

#magasinList_filter{
	display:none !IMPORTANT;
}
.product_price_edit{
	width: 80%;
	text-align: right;
}
.checkSave{

	color:green;

}

.flex_assort{
	flex-grow: 1;
}

.line_notif:hover{
	background-color: #e5f3fe;
	cursor: pointer;
}

.line_notif{
	border-bottom:#dee2e6 solid 1px;
}
.logo_assort{
	
	width: 100px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list_select{
	margin-bottom: 1%;
}

.goProduct{
	border:1px solid;
	padding:10px !important;
	height:45px  !important;
	color: #474747;
}
.input_assort{
	width: 40%;
	margin: auto;
}
#search_field{
	margin: auto;
	
	/*margin-bottom: 40px;*/
	padding: 10px;
	border-radius: 5px;
}
.bg_orange{
	background-color:#e8a08c;
}

.bg_jaune{
	background-color:#f0c659;
}

.bg_rouge{
	background-color:#f792a8;
}
.logo_assort_img{
	max-height: 90px;
	max-width: 90px;
	margin-left: 10px;
	
}
.btn_grossiste{
	background-color: white !important;
	width:100%;
}
.logo_grossiste_img{
	max-height: 50px;

	
}
.title_notif{
	font-size: 12px;
	position:absolute;
	right:1%;
}

.textbasdroite{
	font-size: 20px;
	position:absolute;
	right:1%;
	bottom:1%;
}
.jstree-themeicon{
	display:none !important;
}
.btnVoirProduits{
	font-size: 20px;
	
	
	
	border-radius: 5px;
}


.file-area {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.import_files {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	cursor: pointer;

	width: 100%;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	border: 2px dashed rgba(255,255,255,0.2);
	text-align: center;
	transition: background 0.3s ease-in-out;
  }


.import_files_test {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	cursor: pointer;

	width: 100%;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	border: 2px dashed rgba(255,255,255,0.2);
	text-align: center;
	transition: background 0.3s ease-in-out;
  }
.iconImport{
	max-width:150px;
	max-height:90px;
}
 .import_files_button {
	
	width: 30%;
	height: 50px;
	font-size: 26px;
	
	left: 0;
	right: 0;
	bottom: 0;
   
	cursor: pointer;

	position:fixed;
	top:90%;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	border: 2px dashed rgba(255,255,255,0.2);
	text-align: center;
  }

 .import_files_test_button {
	
	width: 30%;
	height: 50px;
	font-size: 26px;
	
	left: 0;
	right: 0;
	bottom: 0;
   
	cursor: pointer;

	position:fixed;
	top:90%;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	border: 2px dashed rgba(255,255,255,0.2);
	text-align: center;
  }

 .export_files_button {
	
	width: 30%;
	cursor: pointer;
	text-align: center;
	padding: 30px;
	height: 50px;
	font-size: 26px;
	
	left: 0;
	right: 0;
	bottom: 0;
   
	

	
	padding: 30px;
	background: rgba(255,255,255,0.2);
	border: 2px dashed rgba(255,255,255,0.2);
	
  }


	.success {
	  display: none;
	}
  
  .success_test {
	  display: none;
	}
  
  
 .import_files:hover  {
	background: rgba(255,255,255,0.1);
  }
  
  .import_files:hover .import_files:focus  {
	outline: 2px solid rgba(255,255,255,0.5);
	outline: -webkit-focus-ring-color auto 5px;
  }
  
  .import_files:hover .import_files:valid  {
	border-color: rgba(0,255,0,0.4);
	background-color: rgba(0,255,0,0.3);
  }
  .import_files:hover .success {
	  display: inline-block;
	}

  .import_files:hover .success_test {
	  display: inline-block;
	}
	.import_files:hover .default {
	  display: none;
	}
  .import_files:hover .default_test {
	  display: none;
	}
  

 .import_files_test:hover  {
	background: rgba(255,255,255,0.1);
  }
  
  .import_files_test:hover .import_files_test:focus  {
	outline: 2px solid rgba(255,255,255,0.5);
	outline: -webkit-focus-ring-color auto 5px;
  }
  
  .import_files_test:hover .import_files_test:valid  {
	border-color: rgba(0,255,0,0.4);
	background-color: rgba(0,255,0,0.3);
  }
  .import_files_test:hover .success {
	  display: inline-block;
	}

  .import_files_test:hover .success_test {
	  display: inline-block;
	}
	.import_files_test:hover .default {
	  display: none;
	}
  .import_files_test:hover .default_test {
	  display: none;
	}
  

.progressbar_import {
	height:10px !important;
}

.filling_import_text {
	text-align:left;
}

.blocs_import{
	width:250px; 
	height:250px;
	text-align: center;
	position: relative;
	margin-bottom:10%;
}

.blocs_import_exp{
	width:250px; 
	height:250px;
	text-align: center;
	position: relative;
}
.fieldsetblocs_import{
	width:250px; 
	height:250px;
	text-align: center;
	position: relative;
}

.boutonplus{
	margin-top:5px;
	width: 50px;
	vertical-align:bottom;
}

.arrowimport{
	margin-left:10px;
	margin-top:5px;
	width: 50px;
	vertical-align:bottom;
}

.file-dummy{
	position: relative;
	height: 230px;
	width: 200px;
}

.blocButtonImport{
	position: absolute;
	bottom: 0;
	width: 80px;
	margin-left: 30%;
	margin-right: auto;
	left: auto;
	right: auto;
}


.link_type_export{
	display:none;
}

.link_type_sheet{
	display:none;
}

.link_type_list{
	display:none;
}

.link_div_tab{
	display:none;
}

.link_div_col{
	display:none;
}

.link_div_line{
	display:none;
}

.link_submit{
	display:none;
}


#dangereux{
	display:none;
}

#aerosol{
	display:none;
}

input[type="range"] {
	position: relative;
	margin-left: 1em;
}

input[type="range"]:after,
input[type="range"]:before {
	position: absolute;
	top: 1em;
	color: #aaa;
}

input[type="range"]:before {
	left:0em;
	content: attr(min);
}

input[type="range"]:after {
	right: 0em;
	content: attr(max);
}


#filtre{
	background-color:#ccc;
	border: 1px solid #c0c0c0;
  /*border-radius: 5px;*/
	width:auto;
}

.filtre_advance{
	background-color:#ccc;
	border: 1px solid #c0c0c0;
  /*border-radius: 5px;*/
	width:auto;
}

legend {
	/*margin-bottom:0px;*/
	font-size:9px;
	border-bottom: 1px solid #fff !important;
}

.inactif{
	display:none;
}
.legend-links
{
	font-size: 15px;
	margin-left: 20px;
}
.fieldsetform{
	padding:10px 20px;
	border: 1px solid #dcdcdc;
	background: #fff;
	border-radius: 5px;
	margin: 5px;
	vertical-align:top;
	}
.fieldsetformTitle{
	width:250px; 
	padding:10px 20px;
	border: 1px solid #dcdcdc;
	background: #fff;
	border-radius: 5px;
	margin: 5px;
	vertical-align:top;
	}

.fieldsetform-cat{
	width:300px;
	min-height:150px;
	float:left;
	padding:5px;
	border: 1px solid #dcdcdc;
	background: linear-gradient(to bottom, #e2e2e2, #f9f9f9);
	border-radius: 5px;
	margin: 5px;
	vertical-align:top;
	}

.add-field{
	height: 100px; 
	width:150px; 
	border: 1px solid #A0A0A0; 
	display: none;
}

.checkboxes_datatable{
	width:20% !IMPORTANT; 
}

#filtre-left{
	width:auto;
}

#filtre-right{
	margin-right:10px;
	margin-left:auto;
}

#languesajprod{
	background-color:#dcdcdc;
}

#listeProductDesignation{
	width:300px;
}


ul.DIV_list_produit{
	width:100%;text-align:left;padding:5px;margin:5px 0;}

#bisA{
	display:none;
}

#phta{
	display:none;
}


.champsPopin{ 
	width:150px;
}

.champsPopinAj{
	width:500px;
	margin:auto;
}

.champsPopinFieldAj, .champsPopinFieldAj option { 
	width:400px;
	padding: 5px 10px;
	outline: none;
}

.champsPopinFieldAjLng{ 
	width:350px;
	padding: 5px 10px;
}

#popin_fields_mandatory{ 
	height:1100px !IMPORTANT;

}
/*#popin_historique{ 
	

}*/
.distri_name{ 
	
	font-size:25px !IMPORTANT;
}
.mandatory_fields_button{
	margin:5px;
}

.product_filter_button{
	padding: 10px 20px;
	height: auto;
	border: 0;
	background-color: #ececec;
	font-weight: lighter;
	margin-right: 5px;
	margin-top: 10px;
}
.tab_intern_histo{ 
	
font-size:10px;
}
#popin_historique fieldset{ 
	border: 1px solid silver; 
	padding: 5px;
}

.ui-dialog-titlebar-close{
	background-color:transparent !important;
	background:url('/_img/close.png') no-repeat;
	border:0px none #fff !important;
	border-radius: 20px !important;
	height: 25px !important;
	width: 25px !important;
	margin:-12px 0 0 0 !important;
}
.ui-dialog .ui-dialog-title{
	text-shadow: #D5D4D4 1px 1px;
}
#subgeneral{ 
	display:none;
}


.form-horizontal{
	padding-left:20px;
}

#code_barresfield{
	display:none;
}

.formsajoute label{
	width:100px;
}

.deriv{
	padding-left:20px;
}
.txt_btn{
	font-family: 'Tahoma','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.txt_btn_mini{
	font-family: 'Tahoma','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 10px;
}

.input-text{
	width: 35% !important;
	margin-left:5px;
	margin-top:0px;

	margin-bottom:5px;
}

.input-text-company{
	margin-left:5px;
	margin-top:0px;

	margin-bottom:5px;
}

.date_dispo_fields {
	width: 16.7% !important;
	margin-left: 5px;
}

.col-min{
		min-width:87px !important;
		text-align:center;
}
.col-min2{
		min-width:88px !important;
		text-align:center;
}
.prod_fini_fields {
	width:20% !important;
}
.agri_fields {
	width:20% !important;
}
.size-qte{
font-size: 12px !important;
}
.label-tab{width:80px !important;}
.col_dont{ width: 60px;}
.col_plus{ width: 30px;}
.grand-block{margin-top:20px;}
/*.grand-block select{ font-size:9px;}*/

.col{
	width:100% !important;
	text-align:center;
}

.ingre_field{
	width:100% !important;
	text-align:center;
}

.col2{
	/*width:200px !important;*/
	text-align:center;
}

.form-large{
	width:100% !important;
}

#slider-range{
	width:120px;
}

.slider-range_tech{
	width:150px !important;
}

.tr_suppl{
	margin-top:5px;
	padding-left:50%;
}

/*.control-label{

}*/

.ligne_tab_tech{
	margin-bottom:0px !important;
	width: 95%;
}

.ligne_tab_tech label{
	margin-bottom:0px !important;
}

.ligne_tab_tech select{
	margin-bottom:0px !important;
}

.aj_prod_cb{
	width:274px;
	padding: 5px 10px;
}

.aj_prod_cb_unit{
	width:120px !important;
	display:inline;
}

#formFilter{
	display:none;
}

.tech_tab_label{
	min-width:250px;
	text-align:center;

}

.tech_tab_colonne_name{
		text-align:center;
		height:40px;
		font-weight: bold;
}

.tab_iddle{ background-color:#808080;
}

.ingred_list{
	font-size:12px !important;
}

.radio-inline.col{
	width:100px !important;
}

.check-liste{ 
	width:100%;
}

.check-liste label{
	margin-left: 35px;
	margin-right: 35px;
}

@media(max-width: 1730px){
	.check-liste label{
		margin-left: 10%;
		margin-right: 5%;
	}
	#label_false {
		margin-left: 12% !important;
		margin-right: 10% !important;
	}
}

@media(min-width: 1000px){
	.check-liste label{
		margin-left: 15%;
		margin-right: 10%;
	}

	#label_false {
		margin-left: 12% !important;
		margin-right: 10% !important;
	}
}

/*@media(max-width: 1629px) AND (min-width: 1593px){
	.check-liste label{
		margin-left: 13px;
		margin-right: 35px;
	}
}

@media(max-width: 1592px) AND (min-width: 1560px){
	.check-liste label{
		margin-left: 2px;
		margin-right: 35px;
	}
}

@media(max-width: 1559px) AND (min-width: 1524px){
	.check-liste label{
		margin-left: 11px;
		margin-right: 26px;
	}
}

@media(max-width: 1523px) AND (min-width: 1425px){
	.check-liste label{
		margin-left: 11px;
		margin-right: 10px;
	}
}

@media(max-width: 1425px) AND (min-width: 1370px){
	.check-liste label{
		margin-left: 6px;
		margin-right: 6px;
	}
}*/

/*@media(max-width: 1399px) AND (min-width: 1380px){
	.check-liste label{
		margin-left: 8px;
		margin-right: 6px;
	}
}

@media(max-width: 1380px) AND (min-width: 1350px){
	.check-liste label{
		margin-left: 8px;
		margin-right: 6px;
	}
}
*/
.label-check{
	padding-left:10px; 
	font-size: 14px;
	line-height: 1.42857143;
	font-weight: normal !important;
	color: #333;
}
.label-check2{
	padding-left:10px; 
	padding-right:15px; 
	font-size: 14px;
	line-height: 1.42857143;
	font-weight: normal !important;
	color: #333;
}

.form-media{ 
	border:none; 
	height:30px; 
	padding: 0px !important;
}

.lgtext_label{
	width:100% !important;
}

.form-group textarea{
	width:150px;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:5px;
}

.checkbox-label{
	padding-bottom:5px;
	width: 230px !important;
	text-align:left;
	vertical-align:top;
}

.checkbox-input{
	padding-bottom:5px;
}

.lgetext{
	width:93% !important;
	height:200px !important;
	float:left;
}

.form-group select{



	/*margin-left:20px;*/
	margin-bottom:5px;
}

.form-large{
	width:98% !important;
}

.select-unite{
	margin-left:0px !important;
}

.unite-date{
	width:50px;
}

legend{
	font-size:9px;
}

.field{
	position: relative;
	min-width:400px;
	margin-bottom:5px;
}

.field-cat{
	max-width:450px;
	margin-bottom:5px;
}

.checkbox{
	width:150px;
}

.temp-stockage{

	border:none;
	padding:3px;

}

.btn_form_haut{
	margin-top:5px;
}

.img-preview{
	width:80px;
}

#labelMulti label{

	width:100px;
}

#labelMulti input{

	width:150px;
}

.ingredcontenu{
	text-align:center;
	margin: 0 7px;
}

.suppl{
	display:none;
}

.formsajoute input{

	width:150px;
}

.formsajoute textarea{

	width:150px;
}

#filtre{
	margin-bottom: 10px;
	padding:5px;
}
.filtre_advance{
	margin-bottom: 10px;
	padding:5px;
}
.center{margin:auto;text-align:center;}
#subProd{
	margin-left:5px;
	margin-bottom: 5px;
  	background-color: #f0ad4e;
	color: black;
	margin-right: 29px;
	margin-top: 10px;
}

#subAssort{
	margin-left:5px;
	margin-bottom: 5px;
  	background-color: #00a5ee !important;
	color: #fff;
	margin-right: 29px;
	margin-top: 10px;
	padding: 3px 25px;
	text-align:right;
}


#imgProdFiche
{
	width:100px;
	height:auto;
}
.icon_field{
	max-height:16px;
	
}
.resumeFiche{
	display:none;
}

.labelAjProd{
	width:400px;
}

#bloc_select_produit{
	display:none;
	max-height:100px;
	overflow-y:scroll;
	width:50%;
	border:1px solid rgb(206, 204, 204)
}

#tableFilling{
	max-height:200px;
	overflow-y:scroll;
}

.delete_select{
	color: red;
	cursor: pointer;
}

.input_new_collection{
	display:none;
	
}



/* CSS test catalogue*/
 .qualif_check{
	width: 250px !important ;
}

@media all and (max-width: 900px) {
  #fieldsetform_gen1 #fieldsetform_gen2 {
	min-width:48%;
	 /* display:none; */
  }
}

@media all and (max-width: 1400px) {
  .ean_grid {
	display:none;

  }
}

.desac_box[type="checkbox"] {
  display: none;
}

.lab-box {
  cursor: pointer;
}
/*
input[type="checkbox"] + label:before {
  border: 1px solid #7f83a2;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
  background: #494c51 !IMPORTANT;
}

input[type="checkbox"]:checked + label:before {
  background: #d5618d;
  color: #FFFFFF;
  content: "\2713";
  text-align: center;
}

input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
*/
.label_box{
	width:20px !IMPORTANT;
}

.col4
{
	width:100px !IMPORTANT;
}
.col5
{
	width:93% !IMPORTANT;
}
.desac_box:checked{
	
	background: #494c51 !IMPORTANT;
  	color: #666 !IMPORTANT;
  	content: "\2713" !IMPORTANT;
  	text-align: center !IMPORTANT;
}


button{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	height: 31px;
	border: 1px solid #ccc8c8;
	border-radius: 2px;
}

.qualif_label{
		width: 188px !important;
}

.quali_masque_label,.certif_masque_label,.distinc,.bg_title,.distinc_masque_label{
	font-size: 13px;
	margin-bottom: 17px;
	font-weight: 700;
}
.bg_title2{
	margin-left:10px;
	font-size: 24px;
	margin-bottom: 17px;
	font-weight: 700;
}
#label_false {
	margin-left: 30px;
	margin-right: 10px;
}

#distinction_false{
	margin-left: 30px;
	margin-right: 10px;
	width: 580px;
}

/*general css*/
#mailmarquecomp{
	max-height:100px;
	overflow-y:scroll;
}
.mail_list_box  {
	margin-left:5px;
}
#fieldsetform_gen1{
	width: 48%;
	/*height: 275px;*/
	/*margin-left: 14px;*/
}
#type_code_barres_produit{
	
	font-size:12px;
	width:80px; 
}
#fieldsetform_gen2{
	width: 48%;
	min-height: 275px;
	margin-left: 7px;
}

@media(max-width: 1180px){
	#fieldsetform_gen2 {
		width: 98%;
		min-height: 275px;
		margin-left: 7px;
	}

	#fieldsetform_gen1 {
		width: 98%;
		/* height: 275px; 
		/* margin-left: 14px; */
	}
}


.btn_form_haut {
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
}

#fieldsetform_gen4, #fieldsetform_gen5{
	margin: 0 23px 0 4px;
	}

#fieldsetform_gen6{
	width: 98%;
}

#fieldsetform_gen7{
	width:98%;
}


#fieldsetform_gen8{
	width: 98%;
}

#tva_produit{
	margin-left: 10px;
}

/* page technique*/

#fieldsetform_teck1{
	width: 49%;
	height: 100%;
}

@media (max-width: 1250px){
	#fieldsetform_teck1 {
		width: 96%;
		height: 100%;
	}

	#fieldsetform_teck2{
		width: 96% !important;
		height: 100%;
	}


	#fieldsetform_teck3{
		width: 96% !important;
		height: 100%;
	}

	#fieldsetform_teck4{
		width: 96% !important;
		height: 100%;
	}

	#fieldsetform_teck5{
		width: 96% !important;
	}
}

#fieldsetform_teck2{
	width: 48%;
	height: 100%;
}


#fieldsetform_teck3{
	width: 49%;
	height: 100%;
}

#fieldsetform_teck4{
	width: 48%;
	height: 100%;
}

#fieldsetform_teck5{
	width: 98%;
}
.selectcolis{
	float: right;
}

table{
	margin: auto;
	/*background-color: rgba(128, 128, 128, 0.1);
	/*border: 1px solid rgba(178, 127, 214, 0.3);*/
	width: 100%;
	margin: 0 0 20px 0;
}
 thead
 {
	background-color:#E4E4EC
 }
#contenu30539_4,#contenu30539_6{
	margin-left: -4px;
}

.table_certif_30539{
	margin-left: -4px ! important;
}

td, th {
	padding: 2px;
}

#technique_pourcent_ingre_bio, #info_colisage_fields{
	width: 42.5%;
}

#fieldsetform_teck7{
	width: 98%;
}

#num_agrement_produit, #code_orga_produit{
	width: 41%;
}

#fieldsetform_teck9{
	width: 98%;
}


/* page conseil & infos nutritionnelles*/

#fieldsetform_market2{
	width: 48%;
	height: 100%;
}


#fieldsetform_market3{
	width: 48%;
	height: 200px;
}

#fieldsetform_market4{
	width: 48%;
	height: 100%;
}

#fieldsetform_market3>button, #fieldsetform_market3>#energie_fields_NA85685 ,#fieldsetform_market5>button,
#fieldsetform_market4>button,#fieldsetform_market3>#mg_fields_NA85685,#fieldsetform_market4>#mg_fields_NA85685,
#fieldsetform_market5>#glu_fields_NA85685,#fieldsetform_market6>button, #fieldsetform_market6>#div_fields_NA85685,
#fieldsetform_market7>button, #fieldsetform_market7>#oe_fields_NA85685,#fieldsetform_market8>#vit_fields_NA85685{
	float: right;
}

#fieldsetform_market5 {
   width: 48%;
	height: auto;;

}

#fieldsetform_market6 {
	width: 48%;

}

#fieldsetform_market7 {
  width: 48%;
		height:auto;
}

#fieldsetform_market6{
	width: 98%;
}


#fieldsetform_market8 {
	width: 48%;
	height: 100%;
}


.poid_portion_fields{
	 width: 20% !IMPORTANT;
	
}
/*page emballage*/

#fieldsetform_emba1{
		width: 98%;
		height: 100%;
}

#fieldsetform_emba4{
		width: 98%;
		height: 100%;
}


/*.tri_label, .recouv_uvc_label, .bisA_label, .phta_label, .phta_label, .poid_emball_label{
	width: 22% !important;
}*/


#fieldsetform_emba2{
	width:98%;
}

/*page autres*/

#fieldsetform_autre1 {
	width: 48%;
	min-height: 233px;
}

#fieldsetform_autre2{
	width:48%;
}

#fieldsetform_autre3{
	width:98%;
}

#fieldsetform_autre4{
	width:98%;
}

#code_nomenclature_douaniere_produit{
	width: 63.5%;
}

.prod_dangereux_label{
	width: 15% !important;
}

.code_douane_label{
	width:25%;
}

.nav-tabs>li>a{
	height: auto !important;
}
.nav-tabs li .active a { height: 53px; }

button{
	background-color: #fff;
}

.afficher {
	background-color: #FFF;
	color: #666;
	border-radius: 66px;
	padding: 2.5px 15px;
	transition: all 0.3s ease-in-out;
}

.afficher:hover { box-shadow: 0 1px 15px rgba(0,0,0,.1); }

td>.emball_tab_label{
	width: 80%;
}


.form-inline {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.fa-question-circle {
	color: #f0d94e;
}

.btn-info {
	color: #fff;
	background-color: #46b8da;
	border-color: #46b8da;
	margin: 5px;
}

.btn-info:hover { 
	color: white;
	background-color: #209bbf;
}

td>.fa-plus-square{
	color: #f0ad00;
}

.descri_pb{
	width:93% !important;
	height:200px !important;
}

#fieldsetform_user_partage4{
	margin-top:20px;
}

.fieldsetform_user_mailing
{
	width:100% !important;
	margin-bottom:20px;
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
	margin-left: 88px;
	margin-top: 10px;
}

.tdb_list_mail{
	max-height: 300px !important; 
	overflow-y:auto;
}
.title {
	text-decoration:underline;
	font-weight : bolder;
	font-size: 1.3em;
	color: #00a5ee;
}
.titleImportExport {
	text-decoration:underline;
	font-weight : bolder;
	font-size: 1.3em;
	color: #00a5ee;
	margin-bottom: 50px;
}

.label_format {
	margin-bottom: 20px;
}

.format_importexport {
	margin-bottom: 30px;
}

.title_retire {

	font-weight : bolder;
	font-size: 1.6em;
	color:red;
}

#namImport{
	width:30%;
}
#namExport{
	width:30%;
}
#idty{
	width:30%;
}

tr:nth-child(even) {
	background: #eeeeee;
}

tr:nth-child(odd) {
	background: #FFF;
}

.pg_up{
	position:fixed;
	height:80px;
	width:74px;
	bottom:62px;
	right:19px;
	font-size:40px;
	color:grey;
	z-index: 2147483647;
}


.text_biotopia_logistique_listing
{
	color:#7744ad;
}
.text_biotopia_ingred_listing
{
	color:#e2a8ed;
}
.text_biotopia_ecommerce_listing
{
	color:#f5bf42;
}
.text_biotopia_listing
{
	color:#4287f5;
}
tr:nth-child(1) td { padding: 2px 5px; }

/*.form-control {
	display: block;
	width: 100%;
	height: 5px !important;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/

.tab-content>.active { padding: 10px 0 0 20px; }
.nav-tabs>li>a { height: auto; }

.btn, .btn-default, .btn-warning { border-radius: 15px; padding: 5px 15px; transition: all 0.3s ease-in-out; }
/*.btn-danger { color: #d43f3a !important; background-color: #FFF !important; }
.btn-danger:hover { color: #FFF !important; background-color: #d43f3a !important; box-shadow: 0 1px 10px rgba(0,0,0,.1); }*/
.btn-default:hover { box-shadow: 0 1px 10px rgba(0,0,0,.1); background-color: #FFF; }
.btn-warning:hover { box-shadow: 0 1px 10px rgba(0,0,0,.1); background-color: #FFF; color: #EDAB00; } 
.btn-info { width: auto !important; }
button[value="Valider"]
table, tbody { border: 1px solid #ddd !important; }
input, select {  padding: 2.5px 10px !important; width:auto; border: 1px solid #DDD; }
.pagination>li:first-child>a { border-radius:66px 0 0 66px !important; }
.pagination>li:last-child>a { border-radius: 0 66px 66px 0 !important; }
#catalogue_list_categorie, #catalogue_list_attribut { border: 1px solid #DDD; border-radius:6px; margin-top: 10px; }
.ui-widget.ui-widget-content { border-radius: 6px; }
input[type=submit], button[type=submit],button[type=button] { border-radius: 66px; padding: 5px 10px; border: 1px solid #ddd;  transition: all 0.3s ease-in-out;}
input[type=submit]:hover, button[type=submit]:hover ,button[type=button]:hover{ background-color: #FFF ; color: #EDAB00;} 
input[type=checkbox], input[type=checkbox]:focus { padding: 0; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
input[type=radio], input[type=radio]:focus { padding: 0; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
.input-prepend { margin: 15px 175px 10px -80px; }
textarea { resize: none; }
/*td:nth-child(2) { padding-top: 10px; }*/
/*.cleditorGroup { margin-top: -5px; }*/
.nav-tabs li { background-color: #F2F2F2; }
/*catalogue magasin*/

.img_magasin{
	max-width:600px;
	margin-left:20px;
	
	
}
.magasin-fiche-table tr{
	background: #FFF !important;
	
}
.magasin-fiche-table td{
	border-top:0px !important;
	
}
.magasin-fiche-table tbody{
	border:0 !important;
}
.info_magasin_gras{
	font-weight: bold;
}
.table-horaires{
	background:#fffae7 !important;
}
.table-horaires tbody{
	border:0 !important;
}
.table-horaires td{
	border-top:0px !important;
}
.colday{
	width:21% !important;
}
.sep{
	width:1% !important;
}
.open_time{
	margin-left:5px !important;
}
.ui-dialog { 
	position: fixed !important;
	margin: 230px auto !important;
	max-height: 90vh !important;
	top: -190px !important;
 }
 .category_hide{
	display:none
 }
.cat_company{
	width:90% !IMPORTANT;
}
.id_comp_parent{
	width:100% !IMPORTANT;
}
.comp_cat_name{
	width:15% !IMPORTANT;
}
.comp_cat_id{
	width:5% !IMPORTANT;
}
.comp_cat_parent{
	width:15% !IMPORTANT;
}
.comp_cat_univers{
	width:15% !IMPORTANT;
}
.comp_cat_rayon{
	width:15% !IMPORTANT;
}
.comp_cat_famille{
	width:15% !IMPORTANT;
}
.comp_cat_segment{
	width:15% !IMPORTANT;
}
.comp_cat_action{
	width:5% !IMPORTANT;
	text-align: center;
}

#tableau_cat .comp_cat_action {
	text-align: center;
}

#tableau_cat{
	border-collapse: collapse;
	background: #fff;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid white;
	margin-top: 30px;
	overflow: hidden;
	width: 100%;
	position: relative;
}

 #popin { max-height: 750px !important; overflow-y:auto; }
 #new_collection_save { margin-left: 10px; border-radius: 66px; height: 45px; padding: 2.5px 15px; transition: all 0.3s ease-in-out; }
 #new_collection_save:hover { box-shadow: 0 1px 10px rgba(0,0,0,.1); background-color: #1CA261; border-color: #1CA261; color: #FFF; }
 
 .form_hide{
	display:none;
}
.seg_div{
	display:none;
}
.hote_sftp{
	width:40%;
	float: left;
	margin-right:10%
}
.port_sftp{
	width:30%;
	float: left;
}

.user_sftp{
	width:40%;
	float: left;
	margin-right:10%
}
.pass_sftp{
	width:30%;
	float: left;
}

.label_path_import{
	display:none;
}

/*.magasinContact{
	border-left:1px solid #DDD;
	background-color: #FFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	border-radius:8px;	
	padding:10px;
}*/
.magasinContact legend{
	font-size:13px;
	border:none;
	margin-bottom:10px;
	
}

.overflow-auto{overflow:auto;}

.collection-label0 {
	font-size: 15px;
	color: rgb(71, 71, 71);
	width: 800px;
}

ul.collection-ul {
	color: rgb(71, 71, 71);
}

#buttonadd {
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	background-color: transparent;
	border-radius: 5px;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: #777777;
	font-family:'Tahoma','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 14px;
	padding: 7px 15px;
	text-decoration: none;
	border: 2px solid rgba(0,0,0,0.2);
	text-shadow: 0px 1px 0px #777777;
	height: auto;
	margin: 15px 0;
	transition: 0.3s;
}

.export-attr {
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	background-color: transparent;
	border-radius: 5px;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: #777777;
	font-family: 'Tahoma','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 14px;
	padding: 7px 15px;
	text-decoration: none;
	border: 2px solid rgba(0,0,0,0.2);
	text-shadow: 0px 1px 0px #777777;
	height: auto;
	margin: 15px 0;
	transition: 0.3s;
}

#buttonadd:hover {
	border: 2px solid rgba(0,0,0,0.2);border: 2px solid rgba(0,123,255,0.2);
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	color: rgb(0,123,255);
}
.ico_assort_MF{
	height: 25px;
}
.export-attr:hover {
	border: 2px solid rgba(0,0,0,0.2);border: 2px solid rgba(0,123,255,0.2);
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	color: rgb(0,123,255);
}

.form-add-collection {
	width: 50% !important;
	height: 0;
	transform: scaleY(0);
	transform-origin: 50% 0;
	transition:transform 0.3s ease, height 1s ease;

}

.form-add-collection.show {
	margin: 0 0 15px;
	padding: 10px 0;
	transform: scaleY(1);
	height: auto;
}

.collection-item {
	width: 60%;
	background-color: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border-radius: 10px;
	padding: 25px;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.collection-item .divinput{
	width: 60%;
}

.divinput span {
	padding: 0 10px;
	font-weight: 600;
}

.collection-item input {
	font-size: 16px;
	padding: 10px 10px !important;
	color: black;
	background-color: white;
	border-radius: 5px;
	border: none;
	width: 300px;
	transition: all .3s ease;
}

.collection-item input:focus {
	outline: none;
}

.inp-shd {
	font-size: 16px;
	margin: 10px 0;
	padding: 10px 10px !important;
	color: black;
	background-color: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border-radius: 5px;
	border: none;
}

.form-add-collection input, .form-add-collection textarea, .form-add-collection select, .mascarade_company {
	font-size: 16px;
	margin: 10px 0;
	padding: 10px 10px !important;
	color: black;
	background-color: white;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
	border: none;
	width: 300px;
}

.form-add-collection input:focus, .form-add-collection select:focus, .form-add-collection textarea:focus, .mascarade_company:focus, .inp-shd:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.mascarade_company {
	width: auto !important;
}

.collection-item .divbtn {
	text-align: right;
	width: 100%;
}

.comp_cat_action > .modify, .comp_cat_action > .delate {
	width: 70% !important;
}

.divbtn button,.comp_cat_action > .modify, .comp_cat_action > .delate {
	width: 10%;
	height: 35px;
	margin: 0 5px;
	border-radius: 15px;
	transition: .3s;
}

.divbtn button:focus {
	outline: none;
}

button.fa.fa-times:hover {
	background-color: #ff9999;
	border-color: #ff9999;
	color: white;
}

button.fa.fa-eye:hover {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	color: white;
}

button.fa.fa-edit:hover {
	background-color: #5e5eff;
	border-color: #5e5eff;
	color: white;
}

.collection-item input:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.box-input {
	padding: 10px 0;
}

#field_name { margin-left: 20px; }

.control-label{
	width: 300px;
	margin-left: 20px;
}

.box-btn {
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0;
	left: 0;
}

.table-cat-head {
	height: 60px;
	background: #777 !important;
}

.table-cat-head th {
	font-size: 17px;
	color: #fff;
	line-height: 1.2;
	font-weight: unset;
}

.table-cat-head > th:first-child, #tableau_cat tbody tr > td:first-child {
	padding-left: 40px;
}

#tableau_cat tbody tr {
	position: relative;
	height: 50px;
}

#tableau_cat tbody {
	text-transform: capitalize;
	font-size: 15px;
	color: rgb(71, 71, 71);
}

.editionGDLP {
	width: 98%;
}

.editionGDLP > fieldset {
	width: 100%;
}

.editionGDLP .field {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.date_begin, .date_end {
	width: 25% !important;
}

.editionGDLP #subProd {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 25px;
}
/*
#productlist_wrapper > .row:last-child, #productlist_wrapper .dataTables_length {
    display: none;
}*/

span#retour_ean {
	font-size: 10px;
	background-color: white;
	padding: 5px 6px;
	border-radius: 30%;
	margin-top: 5px;
	display: block;
	width: max-content;
}

input#create_product {
	font-size: 16px;
	font-weight: 700;
	padding: 5px 20px !important;
	background-color: white;
	border: white;
	color: #EDAB00;
}

input#create_product:hover {
	background-color: #EDAB00 !important;
	box-shadow: 0 1px 10px rgba(0,0,0,.1) !important;
	color: #FFF !important;
}

.ean_type_div {
	display: flex;
}

.ean_type_div select{
	width: 25%;
}

.ean_type_div input{
	width: 75%;
}

.edit_shop input, .edit_shop select {
	width: 70% !important;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.edit_shop input:focus, .edit_shop select:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

select[name="categories"] {
	height: 150px;
}

#masked_nutri {
	display: none;
}

/* The Modal (background) */
.modal-dos {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 3; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-dos {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 35%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

/* The Close Button */
.close-dos {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}

.close-dos:hover,
.close-dos:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
  
  
.modal-body-dos {
	padding: 2px 16px;
	min-height: 700px;
	display: flex;
	align-items: center;
}

form#calcul_nutri_form {
	width: 100%;
	margin: 35px 0;
}

div#message {
	text-align: center;
}

#btn-aj-prod, #calcul_nutri {
	padding: 10px 20px !important;
	cursor: pointer;
	border-radius: 66px;
	border: 3px solid #46b8da;
	transition: .3s;
	font-weight: bold;
}

.btn-rempl-img {
	cursor: pointer;
	border-radius: 66px !important;
	transition: .3s;
	font-weight: bold !important;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 15px !important;
	height: 35px;
	width: 180px;
}

.btn-rempl-img_lg {
	cursor: pointer;
	border-radius: 66px !important;
	transition: .3s;
	font-weight: bold !important;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	
	height: 50px;
	
}


#calcul_nutri_form .form-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#calcul_nutri_form .form-control {
	width: 25%;
}

.sub-modal-dos{
	width: 80%;
	margin: auto;
}

.list_url span {
	text-align: start;
	padding: 0 30px;
	cursor: pointer;
	color: #333;
	height: 40px;
	display: flex;
	align-items: center;
	border-radius: 0 66px 66px 0;
	margin: 0 0 5px -10px !important;
}

.list_url span.active {
	background-color: #f1f9ff;
	font-weight: bold;
}

span#validate_non {
	border-radius: 66px;
	height: 24.5px;
	padding: 2.5px 8px;
	transition: .3s;
	border: 1px solid #46b8da;
	cursor: pointer;
}

.titre_produit {
	text-align: center;
	margin: 15px 0;
	color: black;
	text-transform: uppercase;
	font-weight: 600;
}

.product#filtre {
	border: 0;
	border-radius: 15px;
	margin: 10px 0;
}

.product.filtre_advance {
	border: 0;
	border-radius: 15px;
	margin: 10px 0;
}

.label_admin {
	margin-left: 0;
	margin-top: 17px;
	font-size: 20px;
}

.flex-box {
	display: flex;
}

.flex-box.product {
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	width:100%
}

/*.flex-box > .box-admin:first-child {

}*/

/*.flex-box > .box-admin:last-child {

}*/

.flex-box.product button {
	padding: 10px 20px;
	height: auto;
	border: 0;
	background-color: #ececec;
	font-weight: bold;
	margin-right: 5px;
}
.morefilter {
	padding: 10px 20px;
	height: auto;
	border: 0;
	background-color: #ececec;
	font-weight: lighter;
	margin-right: 5px;
	margin-top: 10px;
}
.morefilter:hover{
	
	background-color:#fff;
	border:1px solid #000;
}
.btnimportexport {
	padding: 10px 20px;
	height: auto;
	border: 0;
	background-color: #42c81f;
	font-weight: lighter;
	margin-right: 5px;
	margin-top: 10px;
}
.btnimportexport:hover{
	
	background-color:#fff;
	border:1px solid #000;
}

.flex-box.product button:focus {
	outline: none;
}

.tabs-product {
	border-radius: 15px;
	margin: 20px 0;
	background-color: #ececec;
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}

.tab-product {
	padding: 10px;
	border-radius: 15px;
	font-weight: bold;
	color: black;
	text-transform: capitalize;
	text-align: center;
	width: 14.285%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.tab-product.active{
	background-color: #ffb347;
}

.zone_section {
	position: relative;
	width: 100%;
}

.tab-product-content {
	min-height: 1500px;
	display: none;
	width: 100%;
	top: 0;
	left: 0;
}

.flex-box.tab-content {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flex-box.tab-content {
		display: block;
	}
 }
 
.two-col {
	position: relative;
	border-radius: 15px;
	border: 3px solid #cecece;
	margin: 10px;
}

.mask h3.title-label {
	width: 100%;
}

h3.title-label {
	color: black;
	font-weight: bold;
	margin: 15px 0 30px;
	width: 50%;
}

.conteneur-tab {
	position: relative;
	margin: 25px;
	padding-top: 50px;
}

.conteneur-tab-attributes {
	position: relative;
	margin: 25px;
}

.conteneur-tab .control-label {
	font-size: 16px;
	text-transform: capitalize;
	margin-left: 40px !important;
}

.conteneur-tab input, .conteneur-tab select {
	width: 250px;
	border-radius: 5px;
	height: 40px;
}

.field_txt .control-label {
	display: block;
}

.field_txt .control-label {
	margin-left: 0;
}

.conteneur-tab textarea {
	width: 95%;
	border: 1px solid #DDD;
	border-radius: 5px;
	margin-left: 40px !important;
}

.two-col.mask {
	grid-column: 1 / span 2;
	height: 80px;
	min-height: auto;
	overflow: hidden;
	background-color: #cecece;
	cursor: pointer;
	position: relative;
	transition: .3s;
}

.mask h3{
	text-align: center;
	text-transform: uppercase;
}
.tab_perso {
	border: 3px solid #cecece;
	border-radius: 15px;
}

.flex-box.tab_head {
	padding: 15px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
	color: black;
	border-bottom: 3px solid #cecece;
	align-items: center;
}

.flex-box.tab_body {
	padding: 15px;
	flex-wrap: wrap;
	align-items: center;
}

.div_Energie, .div_Lipides, .div_Glucides, .div_Divers, .div_Oligos, .div_Vita, .div_quality_tags_qualif, .div_quality_tags_label, .div_quality_tags_distinc,#tab_content_marketing .div_InfosMarket {
	min-height: auto;
	height: 400px;
	overflow: hidden;
}

.input_veg_rate {
	width: 54% !important;
}
.pitiText{
	font-size: 9px;
	font-weight:lighter;
}
.two-col.div_quality_tags_qualif, .two-col.div_quality_tags_label, .two-col.div_quality_tags_distinc, 
.tab_general_sep .two-col.div_Prix, .tab_marketing_sep .div_InfosMarket, .tab_technique_sep .div_InfosSuppl, 
.tab_content_sep .div_Dim,.tab_content_sep .div_Cons, .tab_emballage_sep .two-col, .div_media,
.tab_public_sep .div_InfosTech,.div_Attributs {
	grid-column: 1 / span 2;
}

.list_checkbox {
	display: flex;
	flex-wrap: wrap;
}

.qualif_check, .qualif_label, .qualif_distinc {
	width: 17% !important;
	display: flex;
	align-items: center;
}

.qualif_check input, .qualif_label input, .qualif_distinc input {
	width: 13% !important;
}

.qualif_check span, .qualif_label span, .qualif_distinc span {
	width: 90%;
}
.box_scroll_ckeckbox
{

	border: none;
	width: 500px;
	float: right;
	margin-right: 34%;
}

.box_scroll_ckeckbox input
{
	width: 100px;
	border-radius: 5px;
	height: 20px;
}
.div_DLCDLCG, #tab_content_emballage .div_DLUODLUOG,#tab_content_technique .div_DLUODLUOG, .div_DDV, .div_Quali, #tab_content_technique .div_Cons,#tab_content_emballage .div_Pal {
	height: auto;
	min-height: auto;
}

.flex-in-box {
	display: flex;
	flex-wrap: wrap;
}

.flex-in-box {
	display: flex;
	flex-wrap: wrap;
}

.flex-in-box .field {
	width: 100%;
}

.flex-in-box .nextTo {
	width: 555px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 5px;
}

.nextTo.nxt-right {
	width: 250px;
}

.nextTo.nxt-right > label {
	display: none;
}
/*
.nextTo input, .nextTo select {
	width: 122px;
}
*/
.conteneur-tab tr:nth-child(even) {
	background: white;
}

.conteneur-tab table {
	border-collapse: collapse;
	border-radius: 1em;
	border: 4px solid #cecece;
	overflow: hidden;
}

.conteneur-tab th, .conteneur-tab td {
	padding: 1em;
	background: white;
	border-bottom: 3px solid #ddd;
}

.conteneur-tab label select {
	width: 35% !important;
}

.flx-btn, .guide_purchase {
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.flx-btn .field {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flx-btn .conteneur-tab, .guide_purchase .conteneur-tab {
	padding-top: 0;
}

.flx-btn button {
	border: 0;
	height: 75px;
	padding: 5px;
}

.flx-btn button:hover {
	background-color: white !important;
}

.flx-btn img {
	width: 65px;
}

.guide_purchase input {
	width: 45px;
}

.guide_purchase label {
	margin-bottom: 0px;
}
.mask .conteneur-tab {
	padding-top: 0;
}
.mask .stats_block {
	display: none;
}
.stats_block {
	position: absolute;
	right: 0;
	width: 218px;
	text-align: center;
	top: 0;
}
.vrac_elem {
	position: absolute;
	left: 0;
	width: 200px;

	top: 0;
	color:black;
}

.stats_block h4 {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.list_stats {
	display: flex;
	justify-content: center;
}

.list_stats div {
	width: 33.33%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.list_stats input {
	width: 25px;
}

.list_stats label {
	font-size: 12px;
	width: 100%;
}

.div_Embal table input, .div_Embal table select {
	width: 100%;
}

#tab_content_emballage .div_pack, #tab_content_public .div_Dim {
	display: none;
}

.open_block {
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	text-align: center;
	display: none;
	z-index: 1;
	background-color: white;
	padding: 25px 0;
}

.open_block_btn {
	padding: 10px 20px !important;
	cursor: pointer;
	border-radius: 66px;
	background-color: #ffb347;
	border: 3px solid #ffb347;
	transition: .3s;
	font-weight: bold;
	color: white;
}

.open_block_btn:hover {
	background-color: white;
	color: #ffb347;
}
.mutalrl[type="checkbox"]{
	height:30px !important;
}

.blc_is_vrac label{
	padding-bottom: 2%;
	padding-top: 1%;
}

.div_Energie .open_block, .div_Lipides .open_block, .div_Glucides .open_block, .div_Divers .open_block, 
.div_Oligos .open_block, .div_Vita .open_block, .div_quality_tags_qualif .open_block, 
.div_quality_tags_label .open_block, .div_quality_tags_distinc .open_block, 
#tab_content_marketing .div_InfosMarket .open_block {
	display: block;
}

.form_flex {
	display: flex;
	justify-content: center;
}

.tab-product-content .input-prepend {
	margin: 15px 0 10px;
}

.conteneur-tab .tab-content>.active {
	padding: 5px 0;
}

.conteneur-tab .nav-tabs {
	border: 0;
	margin-left: 40px !important;
}

.conteneur-tab .nav-tabs > li > a {
	border: 1px solid #cecece;
	background-color: #cecece;
	border-radius: 5px;
	color: black;
	font-weight: bold;
	font-size: 16px;
}

.conteneur-tab .nav-tabs>li.active>a, .conteneur-tab .nav-tabs>li.active>a:focus, .conteneur-tab .nav-tabs>li.active>a:hover {
	color: black;
	cursor: default;
	background-color: #ffb347;
	border: 1px solid #ffb347;
	border-bottom-color: transparent;
}

.tab-product-content #subProd, .btn-aj-prod {
	margin-left: 0;
	margin-bottom: 5px;
	background-color: #f7c311;
	border: 1px solid #f7c311;
	color: #333;
	margin-right: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	height: 40px;
	width: 180px;
}

.btn-aj-prod-idle {
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #aaa195;
	border: 1px solid #aaa195;
	color: black;
	margin-right: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	height: 40px;
	width: 180px;
}

.tab-product-content #subProd:hover, .btn-aj-prod:hover {
	border: 3px solid #ffb347;
	background-color: white;
	color: #ffb347;
}

.conteneur-tab h4.bg_title {
	font-size: 15px;
}

.div_block_media > div {
	margin-bottom: 25px;
}

.radio_blk {
	display: flex;
	align-items: center;
	width: 250px;
}

.btn-sub-foot {
	padding: 25px 0;
	text-align: end;
}

.btn-sub-foot-assort {
	padding: 15px 0;
	text-align: end;
}

.conteneur-tab .form-control {
	box-shadow: none;
}

#dlfile{
	right: -60%;
	position: relative;
}

select{
	appearance: button !important;
}

.form-select{
	background-image: url() !important;
}
.blc_TVA_en, .blc_prix_achat_distri_en, .blc_prix_public_en,
.blc_TVA_de, .blc_prix_achat_distri_de, .blc_prix_public_de {
	display: none;
}

.mask.plus:before {
	content: '+';
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: white;
	font-size: 35px;
	color: black;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_InfoCompany .stats_block {
	display: none;
}

.brand-img {
	width: 180px;
	height: 180px;
	background-size: cover;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.adh_prod {
	position: absolute;
	top: -10px;
	left: 20px;
	width: 40px;
	display: block;
	margin: 30px auto;
	text-align: center;
	cursor: pointer;
}

.adh_prod img{
	width: 100%;
}

.adh_mes {
	position: absolute;
	width: 150px;
	top: 10px;
	font-weight: bold;
	display: none;
	transition: .3s;
}

.adh_prod:hover .adh_mes {
	display: initial;
}

span.trix-button-group.trix-button-group--block-tools,
span.trix-button-group.trix-button-group--file-tools,
button.trix-button.trix-button--icon.trix-button--icon-link,
button.trix-button.trix-button--icon.trix-button--icon-strike,
button.trix-button.trix-button--icon.trix-button--icon-italic.trix-active,
button.trix-button.trix-button--icon.trix-button--icon-italic {
	display: none;
}

div#panGeneralDroite > div:first-child > .col-md-2 {
	text-align: end;
	padding-right: 0;
}

span.btn-info.btn-aj-ean {
	padding: 3.5px 8.5px;
	border-radius: 100%;
	color: white;
	font-weight: bold;
	background-color: black;
	border: 1px solid black;
	font-size: 17px;
	cursor: pointer;
}

span.btn-info.btn-aj-ean:focus {
	color: black !important;
	background-color: white;
	border: 1px solid black !important;
}

span.btn-info.btn-aj-ean:hover {
	color: black !important;
	background-color: white;
}

input#add_ean {
	margin-top: 15px;
	padding: 10px 35px !important;
}

input#add_ean:hover {
	color: #269abc;
}

#myModalagain .conteneur-tab {
	margin: 25px 0;
	padding-top: 0;
}

.lists_ean label {
	width: 150px;
}

.lists_ean .field {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-del-ean {
	padding: 3.5px 11px;
	border-radius: 100%;
	color: white;
	font-weight: bold;
	background-color: #ff5f5f;
	border: 1px solid #ff5f5f;
	font-size: 17px;
	cursor: pointer;	
}

.btn-del-ean:hover {
	background-color: #ff5f5f;
	border: 1px solid #ff5f5f;
	color: white !important;
}

.fieldsetform_media1 {
	border: 0;
	margin: 50px 0;
}

.b-thumb__name {
	display: none !important;
}

.b-upload__files {
	text-align: center;
	margin-bottom: 20px;
	
}

.b-thumb {
	margin: 15px auto;
	padding: 15px 0px;
}

.b-thumb div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fieldsetform_media1 legend.bg_title {
	font-size: 15px;
	margin-bottom: 0;
}

.b-thumb {
	margin: auto !important;
}

.b-thumb__progress {
	display: none !important;
}

.modal-body-dos .close {
	position: absolute;
	top: 25px;
	right: 25px;
	opacity: 1;
}

.video-container {
	display: flex;
	flex-wrap: wrap;
}

.video-container div {
	margin-right: 40px;
	margin-bottom: 20px;
}

.video-container h4 {
	width: 500px;
	min-height: 50px;
}

.progress_pourcent {
	position: relative;
	margin: 15px;
	float:left;
	text-align: center;
}

.barOverflow {
	position: relative;
	overflow: hidden;
	width: 90px; height: 45px;
	margin-bottom: -14px;
}

.filling_public_hidden{
	display:none;
}

.greenp .bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 5px solid #d6d2d2;
	border-bottom-color: #5cb85c;
	border-right-color: #5cb85c;
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 5px solid #d6d2d2;
	border-bottom-color: #ffb347;
	border-right-color: #ffb347;
}

.progress_pourcent h5 {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 2px;
	z-index: 1;
}

.progress_h5 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.blc_code_barres, .blc_code_barres_type {
	display: none;
}

.nxt-right .flag_prod{
	display: none;
}
@media(max-width: 1750px){
	.flag_prod {
		width: 20px;
		height: 20px;
		background-size: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}
}
@media(min-width: 1750px){
	.flag_prod {
		width: 30px;
		height: 30px;
		background-size: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
	}
}
.flag_prod .tooltiptext {
	visibility: hidden;
	min-width: 240px;
	background-color: #ececec;
	color: #000;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 165%;
	left: 300%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}
  
.flag_prod .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #ececec transparent transparent transparent;
}

.search_field_cat{
	border: #f0ad00 solid 1px;
}
.search_field_assort{
	border: #e8a08c solid 1px;
}

.search_field_shop{
	border: #fd6988 solid 1px;
}
  
.flag_prod:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.icon_export{
	width: 5%;
}
.center_Img
{
	
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	
	
}

.tab_button
{
	border-radius: 0px  !important;
}

.center_bloc
{
	
	margin: auto;
	display: block;
	
	
}

/************************TOGGLE***********************/
 /* The switch - the box around the slider */
.switch_assort {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch_assort input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider_assort {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_assort:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_assort {
  background-color: green;
}

input:focus + .slider_assort {
  box-shadow: 0 0 1px green;
}

input:checked + .slider_assort:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider_assort.round_assort {
  border-radius: 34px;
}

.slider_assort.round_assort:before {
  border-radius: 50%;
} 


/**onglets verticaux**/


/* Style the tab */
.tab_popin_search_index {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	
	
	overflow-y: scroll;
	max-height: 450px;
	min-height: 450px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab_popin_search_index button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
  }
  
/* Style the tab */
.tab_popin_search {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;

	
	
	max-height: 500px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab_popin_search button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
  }
  
.filter_checkoff{
	margin-right: 120px ;
	border: none;
	outline: none;
	font-weight: bold;
	text-decoration: underline;
	background-color: inherit;
}

  /* Change background color of buttons on hover */
  .tab_popin_search_index button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current "tab button" class */
  .tab_popin_search_index button.active {
	background-color: #ccc;
  }
  
  /* Change background color of buttons on hover */
  .tab_popin_search button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current "tab button" class */
  .tab_popin_search button.active {
	background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent_popin_search {
	background-color: #f1f1f1;
	padding: 0px 12px;
	border: 1px solid #ccc;

	border-left: none;
	overflow-y: scroll;
	max-height: 450px;
	min-height: 450px;
  }
  /* Style the tab content */
  .tabcontent_popin_search_tags {
	
	padding: 0px 12px;
	border: 1px solid #ccc;

	border-left: none;
	overflow-y: scroll;
	max-height: 450px;
	min-height: 450px;
  }
/* classe pour cacher des trucs*/
  .hidden_content
  {
	  display: none;
  }

  .wrapperTuto
  {
	position: relative;
  }
  .minivideo
  {
	position: relative;
  	z-index: 1;
  }
  .overlink
  {
	position: absolute;
  	z-index: 3;
	width:100%;
	height:100%;
	margin-top: -55%;
  }
  
  
  
  
  
#search {width:100%;height:40px;}
#search input {width:100%; height:40px; border:0px hidden #fff; padding: 5px 10px; background-color: rgba(238, 238, 238, .8); }

#navbar_category .jstree-node, #navbar_attr .jstree-node {
    text-align: left !important;
}

.cache{display:none;}
.ui-autocomplete-loading {
    background: white url("/_img/ui-anim_basic_16x16.gif") right center no-repeat !important;
}

/* BLOCK PRODUIT DANS LES LISTINGS*/
fieldset.product_zone{height:210px !important;overflow:hidden !important;width:400px !important;float:left !important;padding: 10px 0 0 !important;margin-right:20px !important;}
fieldset.product_zone .field-main{width:100% !important;}
fieldset.product_zone .img_produit{width:44% !important;min-height:174px;overflow:hidden !important;float:left !important;text-align:center;background-color:#fff;}
fieldset.product_zone .img_produit > img{max-width:174px !important;max-height:174px !important;overflow:auto !important;cursor:pointor;}
fieldset.product_zone .product_btn{width:56%!important;padding-left:10px;float:right;}
fieldset.product_zone p.first{margin: 5px 0 5px 0;}
fieldset.product_zone p.cat{font-size:0.65em;margin: 0 0 5px;}
fieldset.product_zone p.lab{font-size:0.8em;margin: 0 0 5px;font-weight:bold;height:48px;overflow:auto;}
fieldset.product_zone .remp{margin-top: -19px;    position: sticky;    top: 156px;    width: 16px;}
fieldset.product_zone .remp img{width:100%;}
fieldset.product_zone .cls{clear:both !important;}

.nav-tabs > li > a { border: 1px solid #ccc; }


.mCS-catalogue.mCSB_inside > .mCSB_container {    margin-right: 10px !important;}
.mCS-catalogue.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #f0ad00; height: 16px;width: 16px;border-radius: 20px;}
.mCS-catalogue.mCSB_scrollTools .mCSB_draggerRail{ background-color: white; }
.mCS-catalogue .mCSB_dragger {height: 20px !important;}


.b-thumb {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	width:500px;
    margin: 3px;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
.b-thumb__del {
    color: #ff0000;
    cursor: pointer;
    font-size: 20px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -6px;
    transition: opacity 0.1s ease-in 0s;
    z-index: 999;
}
.b-thumb__rotate {
    background: rgba(0, 0, 0, 0) url("uploader/rotate.png") repeat scroll 0 0;
    cursor: pointer;
    height: 32px;
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 40%;
    width: 32px;
}
.b-upload {
    white-space: nowrap;
}
.b-thumb__progress {
    left: 10px;
    position: absolute;
    right: 10px;
    top: 75px;
}
.progress-small {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3);
    height: 15px;
    padding: 1px;
	font-size: 10px;
	text-align:center;
}

#fieldsetform .btn-success{background-color:#f0ad00 !important;    border-color: #f0ad00 !important;}


#export_list_form_fs ul{margin:0;padding:0;list-style-type:none;}
#export_list_form_fs ul > li{float:left;}

#import_list_form_fs ul{margin:0;padding:0;list-style-type:none;}
#import_list_form_fs ul > li{float:left;}

.productlist-action .btn {
    min-width: 44px;
    min-height: 44px;
}
.magasinlist-action .btn {
    min-width: 44px;
    min-height: 44px;
}

/* DataTable */
table.dataTable tfoot {
    display: table-header-group;
}

table.dataTable img.img-product {
    max-width: 100px;
    max-height: 100px;
}

#productlist_wrapper table.dataTable th {
    vertical-align: top;
}
#productlist_wrapper table.dataTable th:after {
    top: 8px;
	/* min-width: 44px !IMPORTANT; */
	padding: 0px !IMPORTANT;
}
#productlist_wrapper table.dataTable th input {
    width: 100%;
}

#magasinlist_wrapper table.dataTable th {
    vertical-align: top;
}
#magasinlist_wrapper table.dataTable th:after {
    top: 8px;
}
#magasinlist_wrapper table.dataTable th input {
    width: 100%;
}


.breadcrumb-item + .breadcrumb-item::before {
  content: ">" !important;
}

.box_scroll_cat{
	height:150px;
	overflow-y: scroll;
	border: solid 1px lightgray;
	padding-top:5px;
	padding-left:10px;
  }

.shop_loc{
	height:310px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right:10px;
  }
.shop_mana{
	height:250px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right:10px;
  }

.address_label_shop
{
	background-color: rgb(230, 184, 92);
}
.loc-second{
	margin-top:10px;
}
.mana-second{
	margin-top:10px;
}
.addfield{
	cursor: pointer;
	font-size:20px;
}

#submit-shop{
	width: 50%;
	margin-top:2%;
	font-size: 30px;
	background-color: orange;
}

#submit-shop:hover{
	background-color: white;
	color:orange;
}