/* ------------------------------------------------------------------------------
 *
 *  # Custom CPanel styles
 *
 * ---------------------------------------------------------------------------- */
:root,
[data-color-theme=light]{
  --body-font-size-lg: 1rem;
  --body-font-size-sm: 0.75rem;
  --body-font-size-xs: 0.625rem;
  --body-line-height-computed: calc(1375rem / 1000);
  --body-line-height-lg: 1.375;
  --body-line-height-sm: 1.8334;
  --body-line-height-xs: 2.2;
  --spacer-1: 0.3125rem;
  --spacer-2: 0.625rem;
  --spacer: 1.25rem;
  --spacer-4: 1.875rem;
  --spacer-5: 3.75rem;
  --icon-font-family: Phosphor;
  --icon-font-size: 1.25rem;
  --icon-font-size-lg: 1.5rem;
  --icon-font-size-sm: 1rem;
  --transition-base-timer: 0.15s;
  --transition-collapse-timer: 0.3s;
  --font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-font-family: var(--font-sans-serif);
  --body-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5715;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 2rem;
  --border-radius-pill: 50rem;
  --highlight-bg: rgba(0, 0, 0, 0.15);
}


/* General */
#alert-container {
    display: none;
    left: 10%;
    position: fixed;
    top: 60px;
    width: 80%;
    z-index: 2000;
}
#alert-container .alert {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.sortable-placeholder + .panel.mb-10{
	margin-top:10px;
}
.content-inner {
	background-image: url(../../../img/backgrounds/seaweed_right.svg);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
}
.dropzone{
	border-color:rgba(var(--info-rgb), 0.7) !important;
}
.dropzone.dz-started .dz-message{
	display:block;
}
/* cards */
[data-card-action=collapse] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  transition: -webkit-transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer), -webkit-transform ease-in-out var(--transition-collapse-timer);
}
@media (prefers-reduced-motion: reduce) {
  [data-card-action=collapse] svg {
    transition: none;
  }
}
.card-collapsed [data-card-action=collapse] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* tables */
.table-sm{
	--table-cell-padding-x: 1rem;
}
.table-xs{
	--table-cell-padding-x: 0.625rem;
}
.table-xxs{
	--table-cell-padding-y: 0.375rem;
	--table-cell-padding-x: 0.5rem;
}
/* Footable */
.footable-row-detail-value{
	white-space:normal;
}
.table > tbody > tr.success + tr.footable-row-detail > td{
	background-color:#E8F5E9;
}
.table-hover > tbody > tr.success + tr.footable-row-detail:hover > td{
	background-color:#E8F5E9;
}
.table > tbody > tr.danger + tr.footable-row-detail > td{
	background-color:#FBE9E7;
}
.table-hover > tbody > tr.danger + tr.footable-row-detail:hover > td{
	background-color:#FBE9E7;
}
.table-footable-striped > tbody > tr:nth-of-type(4n+1),
.table-footable-striped > tbody > tr:nth-of-type(4n+2){
	background:#fcfcfc;
}
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#f7d5d1;
}
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#d6edd8;
}
/* Datatable */
.datatable-header .dataTables_filter{
	margin-left:0;
}
.datatable-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	column-gap:0.625rem;
}
.datatable-toolbar .dataTables_length{
	margin-left:auto;
}
.dataTables_filter label input{
	margin-left:10px;
}
.dataTables_wrapper .table-sm{
	--dt-spacer-x:1rem;
	--dt-spacer-y:1rem;
}
.dataTables_wrapper .table-xs{
	--dt-spacer-x:0.625rem;
	--dt-spacer-y:0.625rem;
}
.dataTables_wrapper .table-xxs{
	--dt-spacer-x:0.5rem;
	--dt-spacer-y:0.5rem;
}
.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc_disabled:before,
.dataTable thead .sorting_desc_disabled:after{
	right:calc(var(--dt-spacer-y) - 5px);
}

/* TypeAhead */
.twitter-typeahead .tt-menu h5{
	margin:0 15px 5px;
	padding:3px 0;
	border-bottom:1px solid #ddd;
}

/* Form */
.form-group > .radio,
.form-group > .checkbox{
	margin-top:0;
	margin-bottom:0;
}
.form-horizontal .checkbox.checkbox-switch{
	padding-top:0;
}
legend a.control-arrow.collapsed i{
	transform:rotate(180deg);
}
.note-toolbar .dropdown-menu li{
	white-space:nowrap;
}
 
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}

/* TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
  height:19px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
	border-radius:0;
}
.has-error .bootstrap-touchspin-up,
.has-error .bootstrap-touchspin-down{
	background-color:#fbe9e7;
    border-color:#d84315 !important;
    color:#d84315;
}

/* users thumbnails */
.user-thumbnail{
	width:3.75rem;
	height:3.75rem;
	font-size:1.5rem;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background-color:#d6d1ff;
	color:#4e39fe;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
}
.user-thumbnail span.img-alt{
	display:none;
}
.user-thumbnail img{
	width:100%;
	height:100%;
}
.user-thumbnail img[src=""]{
	display:none;
}
.user-thumbnail img[src=""]+span.img-alt{
	display:inline-block;
}
.user-thumbnail[data-color="1"]{
	background-color:#caf4c3;
	color:#4b9e3c;
}
.user-thumbnail[data-color="2"]{
	background-color:#f6e6b8;
	color:#a48834;
}
.user-thumbnail[data-color="3"]{
	background-color:#efb0b0;
	color:#993333;
}
.user-thumbnail[data-color="4"]{
	background-color:#f2cef1;
	color:#a442a3;
}
.header-thumbnail,
.table-thumbnail{
	width:2rem;
	height:2rem;
	font-size:1rem;
}
/* navbar */
.navbar {
	background-color: rgba(2, 140, 158, 1);
	color: #ffffff;
}

.navbar-nav-link, .navbar-toggler {
	color: #ffffff;
	fill: #ffffff;
}

.navbar-nav-link:hover, .navbar-nav-link:focus, .navbar-nav-link:active {
	color: #ffffff;
	fill: #ffffff;
	background-color: #5b9da6;
}

/* sidebars */
.sidebar, #notifications {
	background: #023C5E;
	background-size: cover;
	background-position: bottom;
	color: #ffffff;
}
.sidebar-main {
	border-right: none;
	background-image: url(../../../img/backgrounds/seaweed_left.svg), linear-gradient(0deg,rgba(2, 60, 94, 1) 8%, rgba(2, 140, 158, 1) 94%);
	background-position: bottom left;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
#notifications {
	background-image: linear-gradient(0deg,rgba(2, 60, 94, 1) 8%, rgba(2, 140, 158, 1) 94%);
}
.sidebar-logo-icon {
	width: 60px;
	height: auto;
}
.sidebar-fixed .sidebar-content{
	margin-bottom:-8px;
	bottom:0;
}
.sidebar-fixed .sidebar-content .sidebar-category:last-child{
	margin-bottom:48px;
}
.sidebar-content{
	padding-bottom:0;
}
.nav-sidebar .nav-link{
	align-items:center;
	color: #ffffff;
	fill: #ffffff;
}
.nav-sidebar .nav-link.active {
	background-color: #6fbec8;
}
.nav-sidebar .nav-link:hover, .nav-sidebar .nav-link:focus {
	background-color: #5b9da6;
}
.nav-sidebar .nav-link:active, .nav-sidebar .nav-item-open > .nav-link:not(.disabled):not(:active), .nav-sidebar > .nav-item-expanded > .nav-link:not(:active) {
	background-color: #5b9da6;
}
/* versions */
.minor-version{
	opacity:0.6;
}
/* footer */
#footer-section{
	background:rgba(2, 60, 94, 1);
	color:#ffffff;
	padding:10px 20px;
	/*position:absolute;*/
	bottom:0;
	left:0;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	z-index:100;
}
	.footer-credits{
		float:left;
	}
	.footer-nav{
		float:right;
	}
		ul.footer-menu{
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.footer-section a{
		color:#ddd;
	}
	.footer-section a:hover{
		color:#eee;
	}

/* icomoon fix */
[class^="icon-"],[class*=" icon-"]{
	font-size:var(--icon-font-size);
}

/* Custom classes */
.hide{
	display:none !important;
}
.hidden{
	display:none;
}
.landing-content{
	padding-top:50px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-200{
	background:#ddd;
}

/* Login */
.login-cover {
	background: #023C5E;
	background-image: url(../../../img/backgrounds/seaweed.svg);
	background-image: url(../../../img/backgrounds/seaweed.svg), linear-gradient(0deg,rgba(2, 60, 94, 1) 8%, rgba(2, 140, 158, 1) 94%);
	background-size: cover;
	background-position: bottom;
}

svg.login-icon {
	fill: var(--gray-600);
}

/* Notifications */
.btn .button-notification{
	position:absolute;
	top:-10px;
	left:22px;
}
.btn-sm .button-notification{left:20px;}
.btn-xs .button-notification{left:18px;}
.btn-lg .button-notification{left:28px;}
.btn-xlg .button-notification{left:30px;}
.bounce-notification{
	-webkit-animation-duration:10s;
	animation-duration:10s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationBounce;
	animation-name:notificationBounce;
}
@keyframes notificationBounce{
	from{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	3%{
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	4%{
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	5%{
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	6.5%{
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	7.5%{
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	10%{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}

/* Settings */
.icon-settings{
	--icon-font-size:3rem;
}
/* page login */
.logo-login {
	/* width: 160px; */
	height:20vh;
}
.login-form{
	height:60vh;
}
/* Datatables */
.dataTable tr > .dtfc-fixed-left, .dataTable tr > .dtfc-fixed-right {
	z-index: 1;
	background: none;
}
/* Gallery */
.gallery-grid{
	display:flex;
	flex-wrap:wrap;
	column-gap:var(--spacer-2);
	row-gap:var(--spacer-2);
}
.gallery-element{
	display:flex;
	width:150px;
	height:150px;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.gallery-element > img{
	max-width:100%;
	max-height:100%;
}


/*responsive*/

@media (max-width: 1800px) {
	.grid-4{
		grid-template-columns:repeat(3, 1fr) !important;
	}
}
@media (max-width: 1100px) {
	.grid-6,.grid-4,.grid-3{
		grid-template-columns:repeat(2, 1fr) !important;
	}
}
@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}
}
@media (max-width: 991px) {
	/* Custom classes */
	.hide-sm{
		display:none;
	}
}
@media (max-width: 767px) {
	.navbar-brand > img{
		margin:2px -60px;
	}
	/* sidebar */
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* Custom classes */
	.hide-xs{
		display:none;
	}	
	.dropdown-large{
		width:100% !important;
	}
	.dropdown-content.dropdown-large{
		border-bottom:1px solid #ddd !important;
		border-top:1px solid #ddd !important;
	}
	.menu-heading{
		color:inherit;
	}
	.menu-heading.underlined{
		border-bottom: 1px solid #eee;
	}
	/* Login page */
	.content-inner:has(#login_content)  {
		display: block;
	}
	.logo-login {
		/* width: 160px; */
		/* height:20vh; */
	}
	.grid-6,.grid-4,.grid-3,.grid-2{
		grid-template-columns:repeat(1, 1fr) !important;
	}
}

.gallery-grid {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--spacer-2);
	row-gap: var(--spacer-2);
}

.gallery-element {
	display: flex;
	width: 150px;
	height: 150px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.gallery-element > img {
	max-width: 100%;
	max-height: 100%;
}

#modal-module-information blockquote {
	font: 14px/22px normal helvetica, sans-serif;
	padding-left: 15px;
	border-left: 3px solid #ccc;
} 

/* Utils */
.fill-white {
	fill: #ffffff;
}
.user-profile {
	width: 4rem;
	height: 4rem;
}
.bg-tertiary {
	--bg-opacity: 1;
	background-color: rgba(var(--tertiary-rgb), var(--bg-opacity)) !important;
}
.bg-navbar {
	--bg-opacity: 1;
  	background-color: rgba(var(--navbar-rgb), var(--bg-opacity)) !important;
}
.bg-opacity-90 {
	--bg-opacity: 0.90;
}
.bg-opacity-50 {
	--bg-opacity: 0.5;
}
.no-auto-rows {
	grid-auto-rows:0fr !important;
}
.grid-2{
	grid-template-columns:repeat(2, 1fr);
 	grid-auto-rows:1fr;
}
.grid-3{
	grid-template-columns:repeat(3, 1fr);
 	grid-auto-rows:1fr;
}
.grid-4{
	grid-template-columns:repeat(4, 1fr);
 	grid-auto-rows:1fr;
}
.grid-6{
	grid-template-columns:repeat(6, 1fr);
 	grid-auto-rows:1fr;
}
.grid-spaced{
	column-gap:var(--spacer);
	row-gap:var(--spacer);
}
.bg-card-elements {
	--bg-opacity: 1;
  	background-color: rgba(var(--card-elements-rgb), var(--bg-opacity)) !important;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.add_collection_button {
	/* position: absolute;
	right: 50px;
	bottom: 126px; */
}
.bt_open_maps {
	/* position: absolute;
	top: 125px;
	right: 60px; */
}

/* Dashboard */
.select-border {
	border: 2px solid rgba(var(--info-rgb), 0.7) !important;
}

.post-icon {
	width: 32px !important;
  	height: 32px !important;
}

.post-card {
	background: #fff;
	border-radius: 5px;
	padding: 16px;
}

/* Wizards */

.wizard_collection input,
.wizard_collection .bootstrap-select > button,
.wizard_collection select,
.btn.dropdown-toggle{
	border:2px solid rgba(var(--info-rgb), 0.7) !important;
}
.wizard > .steps > ul > li.current .number::after {
	content: "";
	background-image: url("../../../css/icons/symbol.svg.php?icon=ph-pencil&fill=rgba(12,175,188,1)");
	background-size: var(--icon-font-size) var(--icon-font-size);
	background-repeat: no-repeat;
	background-position: center center;
	height: var(--icon-font-size);
	display: block;
	position: relative;
  	top: -27px;
}

.wizard > .steps > ul > li.done .number::after {
	content: "";
	background-image: url("../../../css/icons/symbol.svg.php?icon=ph-check&fill=rgba(255,255,255,1)");
	background-size: var(--icon-font-size) var(--icon-font-size);
	background-repeat: no-repeat;
	background-position: center center;
	height: var(--icon-font-size);
	display: block;
	position: relative;
  	top: -27px;
}
.container-list-step{
	min-height:100px;
	max-height:350px;
	overflow: auto;
}
.step_active,
.step_active:focus{
	background-color:rgba(var(--navbar-rgb), var(--bg-opacity));
	color:var(--white);
}

/* page setting product */
#providers-articles-list_wrapper{
	overflow-x:auto;
}
.sign_element{
	max-width:100%;
	max-height:100%;
}

/* page step bacs crates */
.list_deposite_crates,
.list_to_deposite_crates,
.list_crate_elements{
	display:flex;
	justify-content: space-around;
	align-items:start;
	flex-wrap: wrap;

}
	.list_to_deposite_crates > .crate_color_element,
	.list_deposite_crates > .crate_color_element,
	.list_crate_elements.list_color > .crate_color_element,
	.list_crate_elements.list_type > .crate_type_element{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom:10px;
		min-width:70px;
		max-width:70px;
		text-align:center;
	}
	.list_crate_elements.list_type > .crate_type_element > div {
		border:1px solid rgb(var(--navbar-rgb));
		color:rgb(var(--navbar-rgb));
		font-weight:bold;
		border-radius:5px;
		width:45px;
		height:45px;
		display:flex;
		justify-content: center;
		align-items: center;
		cursor:pointer;
		transition:0.4s;
	}
	.list_crate_elements.list_type > .crate_type_element > div.type_active {	
		background:rgb(var(--navbar-rgb));
		color:#fff;
	}

	.list_crate_elements.list_color > .crate_color_element > div {
		width:45px;
		height:45px;
		margin:5px;
		font-weight:bold;
		border-radius:50%;
		font-weight:bold;
		display:flex;
		justify-content: center;
		align-items: center;
		cursor:pointer;
		transition:0.4s;
		/* border:2px solid transparent; */
		position:relative;
		z-index:10;
		color:#fff;
	}
	.list_crate_elements.list_color > .crate_color_element > div.color_active {
		/* border-radius:0; */
	}
	.list_crate_elements.list_color > .crate_color_element > div:after {
		content:'';
		position:absolute;
		top:-5px;
		left:-5px;
		right:-5px;
		bottom:-5px;
		border-radius:50%;
		z-index: -1;
		border:2px solid transparent;
	}
	.list_crate_elements.list_color  > .crate_color_element > div.color_active:after {
		border-color:rgb(var(--navbar-rgb));

	}
	.list_to_deposite_crates .crate_element,
	.list_deposite_crates .crate_element,
	.list_crate_loaded .crate_element {
		display:flex;
		justify-content: space-between;
	}
	.wizard_collection .crate_element .crate_actions ,
	.list_crate_loaded .crate_element .remove_crate{
		/* width:15%; */
		display:flex;
	}
		.list_to_deposite_crates .crate_element button,
		.list_deposite_crates .crate_element button,
		.list_crate_loaded .crate_element .remove_crate .remove_crate_element {
			width:100%;
			height:100%;
		}
	/* .list_crate_loaded .crate_element, */
	.crate_element > div.crate_infos,
	.list_to_deposite_crates .crate_element > div.crate_infos,
	.list_deposite_crates .crate_element > div.crate_infos,
	.list_crate_loaded .crate_element > div.crate_infos{
		display:flex;
		justify-content: space-around;
		align-items: center;
		font-weight:bold;
		width:85%;
	}
		.crate_element .qte,
		.list_to_deposite_crates .crate_element .qte,
		.list_deposite_crates .crate_element .qte,
		.list_article_step .use_crate  .qte,
		.delivery_crates_list .use_crate  .qte,
		.list_article_step_display .use_crate  .qte,
		.list_crate_loaded .crate_element > div .qte{
			font-size:2em;
			color:rgb(var(--navbar-rgb));
			border-radius:50%;
			background:#fff;
			width:50px;
			height:50px;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		.crate_element > div .color_type,
		.list_deposite_crates .crate_element > div .color_type,
		.list_article_step .use_crate .color_type,
		.delivery_crates_list .use_crate .color_type,
		.list_article_step_display .use_crate .color_type,
		.list_crate_loaded .crate_element > div .color_type{
			width:45px;
			height:45px;
			display:flex;
			justify-content: space-around;
			align-items: center;
			font-size:1.5em;
			color:var(--white);
			border-radius:50%;
			padding:5px;
		}

		.list_crate_loaded .crate_element .remove_crate_element {
			height:100%;
			width:70px;
		}

/* affichage des articles */ 
.list_article_step,.delivery_crates_list{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	margin-top:10px;
}
	.list_article_step > .element_article_step, .list_article_step_display > .element_article_step,
	.delivery_crates_list > .element_article_step, .list_article_step_display > .element_article_step{
		background:#fff;
		border-radius:5px;
		display:flex;
		flex-direction:column;
		justify-content: space-between;

	}
		.list_article_step > .element_article_step > .info_product, 
		.delivery_crates_list > .element_article_step > .info_product,
		.list_article_step_display > .element_article_step > .info_product{
			display:flex;
			flex-wrap: wrap;
			padding:10px;
		}
			.list_article_step > .element_article_step > .info_product > div, 
			.delivery_crates_list > .element_article_step > .info_product > div, 
			.list_article_step_display > .element_article_step > .info_product > div{
				width:50%;
				font-size:1.2em;
				margin-top:10px;
			}
			.list_article_step > .element_article_step > .info_product .provider_name, 
			.delivery_crates_list > .element_article_step > .info_product .provider_name, 
			.list_article_step_display > .element_article_step > .info_product .provider_name{
				font-weight:bold;
				/* color:rgb(var(--navbar-rgb)); */
				width:100%;
				text-align:center;
				font-size:1.2em;
			}
			.list_article_step > .element_article_step > .info_product .name_article, 
			.delivery_crates_list > .element_article_step > .info_product .name_article, 
			.list_article_step_display > .element_article_step > .info_product .name_article{
				font-weight:bold;
				color:rgb(var(--navbar-rgb));
				width:100%;
				text-align:center;
				font-size:1.2em;
			}
			.list_article_step > .element_article_step > .info_product .use_crate, 
			.delivery_crates_list > .element_article_step > .info_product .use_crate, 
			.list_article_step_display > .element_article_step > .info_product .use_crate{
				width:100%;
				display:flex;
				justify-content: space-around;
				margin-top:20px;
			}
			.list_article_step > .element_article_step .btn_action,
			.delivery_crates_list > .element_article_step .btn_action,
			.list_article_step_display > .element_article_step .btn_action{
				width:100%;
			}
				.list_article_step > .element_article_step button.delete_step_product, 
				.delivery_crates_list > .element_article_step button.delete_step_product, 
				.list_article_step_display > .element_article_step button.delete_step_product{
					width:100%;
					border-radius:0;
					text-align:center;
				}
/* deposite crate bacs */
.list_deposite_crates,
.list_to_deposite_crates{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	margin-top:10px;
}

/* end step */
.list_collection_step .step_ended,
.list_collection_step .no_selectable{
	background:var(--gray-400);
}
.list_collection_step .step_ended.step_active{
	background-color: rgba(var(--navbar-rgb), var(--bg-opacity)) !important;
}

/******************/
/*AGREAGE*/
/******************/
.delivery_list .delivery_element{
	
}

.list_receipt_product .product_element .product_element_content{
	background:var(--white);
	padding:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.list_receipt_product .product_element .actions{
	display:flex;
	width:100%;
}
	.list_receipt_product .product_element .actions button{
		width:50%;
		border-radius:0;
	}

#modal-quality_control .quality_list_crate,
#modal-valid_by_lot .list_valid_crates{
	width:30%;
}
#modal-quality_control .quality_list_crate .list-group{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap:10px;
}
	#modal-quality_control .quality_list_crate .list-group a{
		/* width:auto; */
		flex: 1 1 calc(50% - 10px);
		text-align:center;
		border-radius:10px !important;
		border-color:rgba(var(--info-rgb), 0.7);
		border-top-width:1px;
	}


#modal-valid_by_lot .list_valid_batch{
	margin:auto;
	/* max-height:70vh;
	overflow-y:auto; */
}
	#modal-quality_control .quality_list_crate .list-group,
	#modal-valid_by_lot .list_valid_batch .list-group,
	#modal-declassement .list_declassement_batch .list-group,
	#modal-non_compliant .list_non_compliant_batch .list-group {
		max-height:50vh;
		overflow-y:auto;
	}
	#modal-quality_control .quality_list_crate .choice_crate,
	#modal-valid_by_lot .list_valid_crates .choice_crate,
	#modal-valid_by_lot .list_valid_batch .choice_crate{
		cursor:pointer;
	}
	#modal-quality_control .quality_list_crate .crate_selected,
	#modal-valid_by_lot .list_valid_batch .crate_selected,
	#modal-valid_by_lot .list_valid_crates .crate_selected{
		background:rgb(var(--navbar-rgb));
		color:var(--white);
	}
	/* #modal-valid_by_lot .list_valid_batch .crate_declassement, */
	#modal-quality_control .quality_list_crate .crate_declassement{
		/* background:rgb(var(--danger-rgb)); */
		background:var(--warning);
	}

#modal-quality_control .form_quality_control,
#modal-valid_by_lot .form_quality_control{
	/* width:80%; */
}

#modal-quality_control .crate_validated{
	background:var(--gray-400);
}
#modal-quality_control .crate_non_compliant{
	background:var(--yellow);
}
	.crate_validated .crate_name{
		background:#ccc;
	}

	.crate_non_compliant .crate_name{
		background:var(--yellow) !important;
	}
	
	#modal-valid_by_lot .list_valid_batch .element_batch .crate_name {
		min-width: 100px;
  		justify-content: center;
	}
	.crate_validated.crate_declassement .crate_name{
		/* background:rgb(var(--danger-rgb)); */
		background:var(--warning);
		border-color:var(--warning);
	}

.list_espece{
	display:flex;
	/* justify-content:space-around; */
	margin-top:20px;
	margin-bottom:20px;
	gap:10px;
}
	.list_espece .group_espece{
		background:rgb(var(--navbar-rgb));
		border-radius:10px;
		padding:10px;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
	}
	.list_product{
		display:flex;
		/* justify-content:space-around; */
		flex-wrap: wrap;
		gap: 10px;
		cursor:pointer;
		margin-bottom:20px;
	}
		.list_product .element_product{
			background:#fff;
			border-radius:10px;
			padding:10px;
			border:1px solid rgb(var(--navbar-rgb));
			flex: 0 0 auto;
			transition:0.4s;
			cursor:pointer;
		}
		.list_product .element_product.product_selected{
			background:rgb(var(--navbar-rgb));
			color:#fff;
		}

.workshop_element:hover, .workshop_zone_element:hover, .crates_location_element:hover {
	background: rgb(var(--navbar-rgb)) !important;
	cursor: pointer;
	color: #fff;
}
.delivered {
	background-color: var(--gray-400) !important;
	color: var(--gray-500) !important;
	fill: var(--gray-500) !important;
}
.delivered:hover {
	background: var(--gray-400) !important;
	cursor: default;
	color: var(--gray-500) !important;
}

#modal-declassement .modal-body, #modal-non_compliant .modal-body{
	background:rgba(var(--danger-rgb), 0.5);
}

.workshop_element.selected, .workshop_zone_element.selected, .crates_location_element.selected {
	background: rgb(var(--navbar-rgb)) !important;
  	color: var(--white) !important;
}

.twitter-typeahead {
	width: 100%;
}

.tt-menu {
	width: 100%;
	margin-top: 1px;
	min-width: 180px;
	padding: 7px 0;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	max-height: 300px;
	overflow-y: auto;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tt-suggestion {
	padding: 8px 15px;
	cursor: pointer;
}

.flip-x {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.dropdown-menu > .dropdown-submenu > .dropdown-item::after {
	content: "";
	background-image: url("../../../css/icons/symbol.svg.php?icon=ph-caret-right&fill=rgba(0,0,0,1)");
	background-size: var(--icon-font-size) var(--icon-font-size);
	background-repeat: no-repeat;
	background-position: center center;
	height: 0.6rem;
	width: 0.6rem;
}

.extra-marker.custom-red {
    background-color: #e74c3c;
    color: white;
}

.crates-movements-container .crate_element{
	cursor:grab;
}
.crates-movements-container .crate_element.disabled{
	cursor:not-allowed;
}

div#modal-locate-address .tt-menu {
	z-index: 1001 !important;
}

div.hopper_batch_element:hover {
	background-color: var(--gray-300);
}