/* ------------------------------------------------------------------------------
 *
 *  # Custom styles
 *
 * ---------------------------------------------------------------------------- */

:root{
	--bg-primary:#2196f3;
}

/* General */
body{
	background-color:#E6DFD6;
}
#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;
}
/* Panel   */
.page-header-inverse.has-cover {
    background: url(../../../img/bandeaubleu3.jpg);
        background-size: auto;
    background-size: cover;
}
.page-header-inverse {
    background-color: #273246;
    color: #fff;
    margin-bottom: 20px;
}
.page-header {
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    border-bottom-width: 0;
}

/* table custom classes */
#table-perfbus,
#table-perfbusdep{
	border-collapse:separate;
	border-spacing:0;
}
td.border-left-solid,
th.border-left-solid{
	border-left:2px solid #ccc !important;
}
tr.tr-cumul > td{
	font-size:0.85em;
}
th.display-companies,
td.display-companies,
th.display-bls,
td.display-bls{
	cursor:pointer;
}
.sticky-table-container{
	overflow:auto;
	max-height:900px;
}
.sticky-table-container thead th{
	position:-webkit-sticky;
	position:sticky;
	top:0px;
	z-index:10;
	white-space:nowrap;
}
.sticky-table-container thead tr:nth-child(1) th:first-child{
	left:0;
	z-index:11;
}
.sticky-table-container thead tr:nth-child(2) th{
	top:32px;
}
.sticky-table-container thead tr:nth-child(3) th{
	top:64px;
}
#table-perfbus tbody td.sticky-left-first{
	width:130px;
	white-space:nowrap;
	position:-webkit-sticky;
	position:sticky;
	left:0px;
	z-index:9;
}
#table-perfbus tbody th.sticky-left-first{
	white-space:nowrap;
	width:80px;
	position:-webkit-sticky;
	position:sticky;
	left:0px;
	z-index:9;
}
#table-perfbus tbody td.sticky-left-second{
	position:-webkit-sticky;
	position:sticky;
	left:80px;
	z-index:9;
	white-space:nowrap;
}
#table-perfbus tbody td.sticky-left-third{
	position:-webkit-sticky;
	position:sticky;
	left:127px;
	z-index:9;
	white-space:nowrap;
	width:75px;
}
#table-perfbusdep tbody td.sticky-left-first{
	width:80px;
	white-space:nowrap;
	position:-webkit-sticky;
	position:sticky;
	left:0px;
	z-index:9;
}
#table-perfbusdep tbody td.sticky-left-second{
	white-space:nowrap;
	width:76px;
	position:-webkit-sticky;
	position:sticky;
	left:80px;
	z-index:9;
}
#table-perfbusdep tbody td:empty td.sticky-left-second{
	width:105px;
}
#table-perfbusdep tbody td.sticky-left-third{
	position:-webkit-sticky;
	position:sticky;
	left:154px;
	z-index:9;
	white-space:nowrap;
	width:45px;
}
/* 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;
}
.dataTables_filter label input{
	margin-left:10px;
}
.modal-body .table > thead:first-child > tr:first-child > th,
.modal-body .table > thead:first-child > tr:first-child > td{
	border-top:1px solid #bbb;
}

/* 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;
}
.icon-category-select{
	font-family:Montserrat,Arial,Helvetica,FreeSans,sans-serif;
}
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}
.form-control,.select2{
	font-weight:bold;
}
.input-group>.twitter-typeahead{
	display:table-cell !important;
}
.input-group .bootstrap-select .dropdown-menu .form-control{ /*fix*/
	float:none;
	position:static;
}
/* selects */
.form-group.has-success .select2-selection--single:not([class*="bg-"]):not([class*="border-"]),
.form-group.has-success .bootstrap-select,
.form-group.has-success .bootstrap-select>.btn-default{
	border-color:#43A047;
	color:#43A047;
}
.form-group.has-warning .select2-selection--single:not([class*="bg-"]):not([class*="border-"]),
.form-group.has-warning .bootstrap-select,
.form-group.has-warning .bootstrap-select>.btn-default{
	border-color:#EF6C00;
	color:#EF6C00;
}
.form-group.has-error .select2-selection--single:not([class*="bg-"]):not([class*="border-"]),
.form-group.has-error .bootstrap-select,
.form-group.has-error .bootstrap-select>.btn-default{
	border-color:#D84315;
	color:#D84315;
}
.input-group>.input-group-addon+select+.select2 .select2-selection,
.input-group>.input-group-btn+select+.select2 .select2-selection{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.input-group>.select2:not(:last-child) .select2-selection{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

/* TODD */
.todd-screen{
	font-size:2em;
	padding-top:0;
}
.todd-screen .panel-title{
	font-size:1.5em;
}
.todd-screen #header-section,
.todd-screen .sidebar-main,
.todd-screen .footable-toggle{
	display:none;
}
.todd-screen .heading-elements:not(.visible-elements) .icons-list{
	margin-top:5px;
}
.todd-screen .icons-list a[data-action]:after{
	font-size:24px;
	min-width:24px;
}

/* sidebars */
.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;
}
.sidebar-default{
	background-color:#FBFAF9;
}
.sidebar-tasks{
	width: calc(50vw - 130px);
}
.sidebar-fixed.sidebar-tasks .sidebar-content{
	width: calc(50vw - 130px);
}
/* tasks */
.task.unactive{
	opacity:0.6;
}
.utask{
	transition:0.3s;
	margin-top:-1px;
}
.utask-parent{
	margin-bottom:11px;
}
.utask-parent:last-child{
	margin-bottom:0;
}
.utask-detail{
	border-width:1px 0;
	border-radius:0;
	border-style:solid;
	border-color:#999;
	transition:0.3s;
	position:relative;
	padding-left:20px;
}
.utask-detail.unactive:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	background:rgba(255,255,255,0.5);
}
.utask-childs .utask:not(.has-childs) .utask-detail{
	border-left-width:1px;
	padding-left:0;
}
.utask-insert{
	opacity:0;
	transform:translateY(50px);
}
	.utask-control{
		cursor:initial;
		background:#777;
		color:#fff;
		width:20px;
		height:100%;
		top:0;
		left:0;
		position:absolute;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		-ms-justify-content:center;
		justify-content:center;
		transition:0.3s;
	}
	.utask:hover .utask-control,
	.utask.selected .utask-control{
		background:#555;
	}
	.utask:hover .collapse-childs i:not(.rotate-180),
	.utask.selected .collapse-childs i:not(.rotate-180){
		-webkit-animation-duration:5s;
		animation-duration:5s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-iteration-count:infinite;
		animation-iteration-count:infinite;
		-webkit-animation-name:haveChilds;
		animation-name:haveChilds;
	}
	@keyframes haveChilds{
		from{transform:translateY(0)}
		20%{transform:translateY(0)}
		23%{transform:translateY(3px)}
		27%{transform:translateY(-3px)}
		30%{transform:translateY(0)}
		100%{transform:translateY(0)}
	}
	.utask-control.collapse-childs{
		cursor:pointer;
	}
	.utask-header{
		position:relative;
		padding:10px 130px 10px 10px;
		cursor:pointer;
	}
	.utask-childs .utask-header{
		padding-right:70px;
	}
		.utask-title{
			margin:0;
		}
		.utask-duration,
		.utask-time{
			top:0;
			right:0;
			height:100%;
			width:60px;
			padding:0 5px;
			position:absolute;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			align-items:column;
			-webkit-justify-content:center;
			-ms-justify-content:center;
			justify-content:center;
			background:rgba(0,0,0,0.1);
		}
		.utask-time{
			right:60px;
			background:rgba(0,0,0,0.05);
		}
	.utask-body{
		padding:10px;
		border-top:1px solid rgba(0,0,0,0.1);
		position:relative;
	}
	.utask-childs{
		margin-left:19px;
	}
.valid_task:before,
.nc_task:before,
.launch_task:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:0;
	height:100%;
	background:rgba(0,0,0,0.3);
	transition:1s;
}
.valid_task.active:before,
.nc_task.active:before,
.launch_task.active:before{
	width:100%;
}

/* stock */
.zones-map{
	transition:0.3s;
	overflow:hidden;
}
	.zones-map svg{
		margin:0 auto;
		width:100%;
		max-width:1000px;
		height:auto;
		transition:0.3s;
	}
	.zones-map.zoomed svg{
		transform:scale(3);
		opacity:0;
	}
	.zones-map g[data-zone]{
		cursor:pointer;
	}
	.zones-map g[data-zone] rect,
	.zones-map g[data-zone] text{
		transition:0.3s;
	}
	.zones-map g[data-zone]:hover rect{
		fill:#eee;
	}
	.zones-map g[data-zone][class^="alpha"]:hover text{
		fill:#fff;
	}
	.zones-map g[data-zone].alpha-danger rect{
		fill:#FFEBEE;
	}
	.zones-map g[data-zone].alpha-danger:hover rect{
		fill:#E53935;
	}
	.zones-map g[data-zone].alpha-warning rect{
		fill:#FFF3E0;
	}
	.zones-map g[data-zone].alpha-warning:hover rect{
		fill:#FB8C00;
	}
	.zones-map g[data-zone].alpha-success rect{
		fill:#E8F5E9;
	}
	.zones-map g[data-zone].alpha-success:hover rect{
		fill:#43A047;
	}
	.zones-map g[data-zone].alpha-primary rect{
		fill:#E3F2FD;
	}
	.zones-map g[data-zone].alpha-primary:hover rect{
		fill:#2196F3;
	}
.zones-title{
	margin-top:0;
}
.zones-container{
	text-align:center;
	overflow-y:hidden;
	overflow-x:auto;
}
.zones-grid-container{
	display:inline-flex;
	align-items:stretch;
	justify-content:center;
	background:#fff;
	min-height:300px;
	min-width:100px;
	padding-left:1px;
}
	.zones-grid-column{
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
		justify-content:flex-start;
		border:1px dashed #ccc;
		border-bottom-style:solid;
		margin-left:-1px;
		padding-top:30px;
	}
		.zone{
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			cursor:pointer;
			border:1px solid #999;
			transition:0.3s;
		}
		.zone:not(.ui-sortable-handle):hover{
			background:#eee;
		}
		.zone:not(.ui-sortable-handle).alpha-danger:hover,
		.zone:not(.ui-sortable-handle).alpha-danger.selected{
			background:#E53935;
			border-color:#E53935;
			color:#fff;
		}
		.zone:not(.ui-sortable-handle).alpha-warning:hover,
		.zone:not(.ui-sortable-handle).alpha-warning.selected{
			background:#FB8C00;
			border-color:#FB8C00;
			color:#fff;
		}
		.zone:not(.ui-sortable-handle).alpha-success:hover,
		.zone:not(.ui-sortable-handle).alpha-success.selected{
			background:#43A047;
			border-color:#43A047;
			color:#fff;
		}
		.zone:not(.ui-sortable-handle).alpha-primary:hover,
		.zone:not(.ui-sortable-handle).alpha-primary.selected{
			background:#2196F3;
			border-color:#2196F3;
			color:#fff;
		}
		.zone.ui-sortable-handle{
			transition:none;
		}
	.zone-placeholder{
		border:1px dashed #ccc;
	}
	.zone-edition .zones-grid-column,
	.zone-edition .zone{
		cursor:move;
	}
		.zone .edit-icons i{
			cursor:pointer;
			color:#999;
		}
		.zone .edit-icons i:hover{
			color:#333;
		}
	.add-zones-grid-column{
		cursor:pointer;
		display:flex;
		padding:0 5px;
		align-items:center;
	}
		.add-zone{
			width:100%;
			text-align:center;
			cursor:pointer;
		}
.size-preview{
	display:flex;
	padding:20px;
	background:#eee;
	justify-content:center;
	align-items:flex-end;
	flex-wrap:wrap;
}
	.preview-zone{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		background:#eee;
		border:1px solid #ccc;
		cursor:pointer;
		transition:0.3s;
	}
	.preview-zone.selected{
		background:#ddd;
		border:1px solid #666;
	}

/* versions */
.minor-version{
	opacity:0.6;
}

/* footer */
.footer-section{
	background:#4A4541;
	color:#ccc;
	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;
	}

/* Custom classes */
.alpha-white{
	background-color:#fff;
}
.btn.unactive{
	opacity:0.5;
	box-shadow:-2px 2px 5px inset rgba(0,0,0,0.4);
}
.content-bp{
	line-height: 2em;
}
.grayGreen {
    background:#8DBB92 !important;
}
legend{
	border-color:#2196F3;
}
.modal-bg{
	background-color:#E6DFD6;
}
#tbYearSumHt a{
    color:white;
}
#tbYearSumHt a.yearInvoiceSelect{
    color:yellow;
}
.landing-bg{
	background:url(../img/bg_landing.jpg) top center repeat-x;
}
.landing-content{
	padding-top:200px;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-200{
	background:#ddd;
}
tr.sleeping,
.table-striped > tbody > tr:nth-of-type(2n+1).sleeping,
.table-hover > tbody > tr:hover.sleeping{
	background:#FFF3E0;
	color:#999;
}
.hide-sleeping .sleeping{
	display:none;
}

.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)
	}
}

/*tasks forms*/
.crit-group{
	position:absolute;
	font-size:1.75em;
}
.crit-list td{
	position:relative;
}
td:first-child .crit-group{
	left:3px;
}
td:last-child .crit-group{
	right:3px;
}
.absolute-caret .caret{
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-8px;
	width:16px;
	text-align:right;
}
input[name="bar_code"]{
	opacity:0;
}
/*responsive*/

@media (max-width: 1732px) {
	/* Custom classes */
	.layout-tasks {
		display:  block !important;
	}
	main#tasksContainer {
		width: auto !important;
	}

	div#cardsContainer {
		height: auto !important;
		overflow-y: hidden !important;
	}
	
	aside#filtersPanel {
		height: auto !important;
		overflow-y: hidden !important;
	}

	div#notificationsTasksPanel {
		overflow: initial !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-tasks{
		width:100%;
	}
	.sidebar-fixed.sidebar-tasks .sidebar-content{
		width:100%;
	}
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* tasks */
	.utask-detail{
		padding-left:30px;
	}
	.utask-control{
		width:30px;
	}
	.utask-childs{
		margin-left:29px;
	}
	/* 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;
	}
}

#bonsListTable tfoot{
	display: table-header-group;
}

.nb_visits {
	background-color: #7adaff82;
}
.nb_sign {
	background-color: #00c7d166;
}
.convert_3_month {
	background-color: #00b82e59;
}
.convert_6_month {
	background-color: #6bb80082;
}
.convert_after_6_month {
	background-color: #d1b0008f;
}
.not_out_last_year {
	color:#ff5e00;
}
.tr-cumul {
	background-color: rgba(133, 193, 196, 0.2);
}

/* page bon de préparation */
.hide_futur .futur_order{
	display:none;
}

.zone_validation{
	position:fixed;
	bottom:50px;
	right:50px;
	/* height:100px; */
	/* width:250px; */
	background:#fff;
	box-shadow:-1px -1px 5px rgba(0,0,0,0.2);
	z-index: 100;
	display:none;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	padding:20px;
	border:2px solid #000000;
	border-radius:5px;
}
	.zone_validation > div{
		display:flex;
		justify-content: center;
		align-items: center;
		gap:15px;
	}

.list_user_assign label{ 
	width:100%;
}

.choose_bc{
	display:flex;
	justify-content: space-between;
	align-items: center;
	border:1px solid #000;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}

.info_client{
	display:flex;
	flex-direction: column;
	/* align-items: center; */
	/* justify-content: space-between; */
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
	.info_client .client_name,
	.info_client .number_bc{
		text-align:center;
		font-weight:bold;
		font-size:1.2em;
		padding:5px;
	}
	.info_client .zone_info{
		display:flex;
		flex-wrap: wrap;
	}
		.info_client .zone_info .zone_element{
			flex:1;
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			border-left:1px solid #000;
			padding:10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			/* align-items: center; */
		}
		.info_client .zone_info .zone_element:first-of-type{
			border-left:none;
		}

.info_magasinier{
	display:flex;
	align-items: center;
	border:1px solid #000;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
	.info_magasinier > div{
		flex:1;
		padding:10px;
	}
		.info_magasinier > div:last-of-type{
			border-left:1px solid #000;
		}


.final_weight_bc{
	margin-bottom:20px;
	display:flex;
	gap: 15px;

}
	.final_weight_bc > div{
		flex:1;
	}
	.final_weight_bc > div.current_weight_zone{
		max-width:600px;
		border:1px solid #000;
		border-radius:5px;
		background:#eee;
		margin:auto;
		padding:10px;
	}
	.final_weight_bc > div.zone_weight_box{
		max-width:600px;
		display:flex;
		flex-direction:column;
		row-gap: 15px;
		max-height:400px;
		overflow-y: auto;
	}
		.final_weight_bc > div.zone_weight_box .weight_box{
			padding:10px;
			background:#eeeaaa;
			border:1px solid #000000;
			border-radius:5px;
			position:relative;
			display:flex;
			align-items: center;
		}
		.final_weight_bc > div.zone_weight_box .weight_box h5{
			margin-top:5px;
			margin-bottom:5px;
		}
		.weight_box .delete_box{
			position:absolute;
			top:5px;
			right:5px;
			width:30px;
			height:30px;
			cursor:pointer;
			z-index: 10;
		}
			.weight_box .delete_box i{
				font-size:15px;
			}

.select_status_bc{
	display:flex;
}
	.select_status_bc > div{
		width:20px;
		height:20px;
		border:1px solid #000000;	
		margin-right:10px;
	}

.zone_scan_field{
	max-width:600px;
	margin:auto;
	padding:15px;
	background:#eee;
	border:1px solid #000;
	border-radius:5px;

}
	.zone_scan_field > .list_field {
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap:15px;
	}
		.zone_scan_field > .list_field > div{
			flex:1;
		}
		.zone_scan_field > div input{
			padding-top:10px;
			padding-bottom:10px;
		}

.weight_box{
	display:flex;
	gap: 15px;
	
}
	.weight_box i{
		font-size:3em;
	}

#modal_article_prelevement_info .table_info table thead tr td{
	padding-top:10px;
	padding-bottom:10px; 
	padding-left:5px;
	padding-right:5px;
	background:#eee;
	font-weight:bold;
} 
#modal_article_prelevement_info .table_info table tbody tr td{
	padding:5px;
}

.article_current_quantity{
	display:flex;
	align-items: center;
	justify-content: center;
}
.article_current_quantity > input{
	padding:0;
	text-align:center;
	width:50px;
	margin-right:5px;
}

/* correction tab pane */
.nav.nav-tabs li.nav-item{
	font-weight:bold;
}
.nav.nav-tabs li.nav-item.active{
	background:var(--bg-primary);
	color:#fff;
}
	.nav.nav-tabs li.nav-item.active a{
		color:#fff;
	}
.tab-pane.fade{
	display:none;
}
.tab-pane.fade.active{
	display:block;
}
.template_notif_bl.content_notif{
	padding:10px;
	border-left:5px solid var(--bg-primary);
}
	.template_notif_bl.content_notif span{
		font-weight:bold;
	}
.template_notif_bl .action_notif > div{
	display:flex;
	gap:10px;
}

	.template_notif_bl .action_notif > div button{
		flex:1;
	}

/* NEW user tasks */
.layout-tasks{
	display:flex; 
	gap:1rem;
	padding-bottom: 40px;
}
/* Panneau filtres (repliable) */
#filtersPanel{/*width:360px;*/ transition:width .25s ease;}
#filtersPanel.collapsed{width:56px;}
#filtersPanel.collapsed .panel-body{display:none;}
#filtersPanel .panel-header{display:flex; align-items:center; justify-content:space-between;}
#filtersPanel .collapse-btn{border:none;background:transparent;font-size:1.25rem}

/* Légende des statuts (mimique de ta capture) */
.legend .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle}
.legend .retard{background:#ff4d4f;}
.legend .auj{background:#27ae60;}
.legend .bientot{background:#f39c12;border:1px solid #ced4da;}

/* Carte tâche */
.task-card{border-left:10px solid; border-radius:.5rem; margin-bottom:1rem;}
.task-card .card-body{padding:1rem 1rem .75rem;}
/* Couleur par statut (fond + liseré gauche) */
.status-retard{ border-color:#ff4d4f; background:#ffe8e8;}
.status-auj{    border-color:#27ae60; background:#eaf8ef;}
.status-bientot{border-color:#f39c12; background:#fff8e9;}

/* Badge priorité */
.prio{font-weight:700;padding:.15rem .5rem;border-radius:.35rem;font-size:1rem}
.prio-N-1{background:#dc3545;color:#fff;}
.prio-N-2{background:#fd7e14;color:#fff;}
.prio-a réactiver{background:#ffc107;color:#111;}
.prio-actif{background:#6c757d;color:#fff;}

/* “Couronne” comptes clés */
.crown{color:#f1c40f;}

/* Bloc CA (affiché via switch global) */
.ca-block{background:#fff;border:1px dashed #ced4da;border-radius:.35rem;padding:.5rem .75rem;margin-top:.25rem}

/* Accessibilité visuelle */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Boutons d’action (simples placeholders) */
.action-btn{border:none;background:transparent;}

.d-flex {
	display: flex !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.align-items-center {
	align-items: center !important;
}

.mb-2 {
	margin-bottom: .5rem !important;
}

.btn-check {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}

.me-1 {
	margin-right: .25rem !important;
}

.me-2 {
	margin-right: .5rem !important;
}

.me-3 {
	margin-right: 1rem !important;
}

.mb-1 {
	margin-bottom: .25rem !important;
}

.mt-2 {
	margin-top: .5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #6c757d;
	/*--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108,117,125;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #6c757d;
	--bs-gradient: none;*/
}

.btn-outline-success {
	color: #198754;
	border-color: #198754;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #198754;
	--bs-btn-active-border-color: #198754;
	/*--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #198754;
	--bs-btn-hover-border-color: #198754;
	--bs-btn-focus-shadow-rgb: 25,135,84;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #198754;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #198754;
	--bs-gradient: none;*/
}

.btn-outline-info {
	color: #0dcaf0;
	border-color: #0dcaf0;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #0dcaf0;
	--bs-btn-active-border-color: #0dcaf0;
	/*--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #0dcaf0;
	--bs-btn-hover-border-color: #0dcaf0;
	--bs-btn-focus-shadow-rgb: 13,202,240;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0dcaf0;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0dcaf0;
	--bs-gradient: none;*/
}

.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #dc3545;
	--bs-btn-active-border-color: #dc3545;
	/*--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #dc3545;
	--bs-btn-hover-border-color: #dc3545;
	--bs-btn-focus-shadow-rgb: 220,53,69;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #dc3545;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #dc3545;
	--bs-gradient: none;*/
}

#filtersPanel .btn-check:checked + .btn, #filtersPanel .btn.active, #filtersPanel .btn.show, #filtersPanel .btn:first-child:active, #filtersPanel :not(.btn-check) + .btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

div#cardsContainer {
	height: calc(100vh - 156px);
  	overflow-y: auto;
}

div#transform_bc {
	overflow-y: auto;
	height: calc(100vh - 86px);
}

aside#filtersPanel {
	height: calc(100vh - 156px);
  	overflow-y: auto;
}

div#notificationsTasksPanel {
	overflow: hidden;
}