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

/* General */
/* GARDEN GROWN FONT 
@font-face {
    font-family: 'Garden Grown Caps';
    src: url('../fonts/garden_grown_caps.eot');
    src: url('../fonts/garden_grown_caps.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garden_grown_caps.woff2') format('woff2'),
         url('../fonts/garden_grown_caps.woff') format('woff'),
         url('../fonts/garden_grown_caps.ttf') format('truetype'),
         url('../fonts/garden_grown_caps.svg#Garden Grown Caps') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Garden Grown';
    src: url('../fonts/garden_grownregular.eot');
    src: url('../fonts/garden_grownregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garden_grownregular.woff2') format('woff2'),
         url('../fonts/garden_grownregular.woff') format('woff'),
         url('../fonts/garden_grownregular.ttf') format('truetype'),
         url('../fonts/garden_grownregular.svg#Garden Grown') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body{
	font-family:Montserrat,Arial,Helvetica,FreeSans,sans-serif;
	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;
}
.content-section .simplebar-scrollbar.simplebar-visible:before{
	opacity:0.3;
}

/* menu */
.navigation.has-favorite > .navigation-favorite-menu{
	background:rgba(0,0,0,0.1);
	padding:10px 20px;
	justify-content:space-between;
	align-items:center;
	text-transform:uppercase;
}
	.navigation.has-favorite > .navigation-favorite-menu .navigation-edit-favorite,
	.navigation.has-favorite > .navigation-favorite-menu .navigation-save-favorite{
		background:none;
		border:none;
	}
.navigation.has-favorite li{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}
	.navigation.has-favorite li > a,
	.navigation.has-favorite li > span{	
		flex:1;
		text-wrap:nowrap;
		overflow-x:hidden;
		text-overflow:ellipsis;
	}
	.navigation.has-favorite li > ul{
		width:100%;
	}
	.navigation.has-favorite li > .add-to-favorite{
		display:none;
		border:none;
		background:none;
		justify-content:center;
		align-items:center;
		width:40px;
		transition:0.15s;
	}
	.navigation.has-favorite li > .add-to-favorite:hover{
		background:rgba(0, 0, 0, 0.1);
	}
	.navigation.has-favorite .add-to-favorite .icon-star-full2{
		color:#ff3;
	}
	.navigation.has-favorite.display-favorite li > .add-to-favorite{
		display:flex;
	}
/* panels */
.icons-list a[data-action="fullscreen"]:after{
	content:'\e9f9';
}
.fullscreen .icons-list a[data-action="fullscreen"]:after,
.panel-fullscreen .icons-list a[data-action="fullscreen"]:after{
	content:'\e9fa';
}
.panel.panel-fullscreen{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:0;
	z-index:1031;
}

/* tables */
.table-responsive > .table-no-whitespace > thead > tr > th,
.table-responsive > .table-no-whitespace > tbody > tr > th,
.table-responsive > .table-no-whitespace > tfoot > tr > th,
.table-responsive > .table-no-whitespace > thead > tr > td,
.table-responsive > .table-no-whitespace > tbody > tr > td,
.table-responsive > .table-no-whitespace > tfoot > tr > td{
	white-space:normal;
}
.table-filter tfoot{
	display:table-header-group;
}

/* 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;
}
.dataTables_scrollBody thead > tr:not(:last-child){
	/*display:none;*/
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
.dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner{
	box-sizing:content-box;
}
.dataTable.table-sm thead .sorting,
.dataTable.table-sm thead .sorting_asc,
.dataTable.table-sm thead .sorting_desc,
.dataTable.table-sm thead .sorting_asc_disabled,
.dataTable.table-sm thead .sorting_desc_disabled{
	padding-right:30px;
}
.dataTable.table-sm thead .sorting::before,
.dataTable.table-sm thead .sorting::after,
.dataTable.table-sm thead .sorting_asc::after,
.dataTable.table-sm thead .sorting_desc::after,
.dataTable.table-sm thead .sorting_asc_disabled::after,
.dataTable.table-sm thead .sorting_desc_disabled::after{
	right:10px;
}
.dataTable.table-xs thead .sorting,
.dataTable.table-xs thead .sorting_asc,
.dataTable.table-xs thead .sorting_desc,
.dataTable.table-xs thead .sorting_asc_disabled,
.dataTable.table-xs thead .sorting_desc_disabled,
.dataTable.table-xxs thead .sorting,
.dataTable.table-xxs thead .sorting_asc,
.dataTable.table-xxs thead .sorting_desc,
.dataTable.table-xxs thead .sorting_asc_disabled,
.dataTable.table-xxs thead .sorting_desc_disabled{
	padding-right:20px;
}
.dataTable.table-xs thead .sorting::before,
.dataTable.table-xs thead .sorting::after,
.dataTable.table-xs thead .sorting_asc::after,
.dataTable.table-xs thead .sorting_desc::after,
.dataTable.table-xs thead .sorting_asc_disabled::after,
.dataTable.table-xs thead .sorting_desc_disabled::after,
.dataTable.table-xxs thead .sorting::before,
.dataTable.table-xxs thead .sorting::after,
.dataTable.table-xxs thead .sorting_asc::after,
.dataTable.table-xxs thead .sorting_desc::after,
.dataTable.table-xxs thead .sorting_asc_disabled::after,
.dataTable.table-xxs thead .sorting_desc_disabled::after{
	right:6px;
}
.dt-button-background{
	z-index:1032;
}
.dt-button-collection{
	min-height:154px;
	max-height:calc(100vh - 150px);
	overflow-y:auto;
	z-index:1033;
}
table .btn-group > .btn{
	float:none;
}

/* 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;
}
.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%;
}
.custom-input-group{
	display:inline-flex;
}
	.custom-input-group > *{
		border-radius:0;
	}
	.custom-input-group > input,
	.custom-input-group > select,
	.custom-input-group > textarea{
		flex:1 1 auto;
		border-style:solid;
		border-width:1px;
		padding:2px 10px;
	}
	.custom-input-group > *:first-child{
		border-top-left-radius:3px;
		border-bottom-left-radius:3px;
	}
	.custom-input-group > *:last-child{
		border-top-right-radius:3px;
		border-bottom-right-radius:3px;
	}
.input-filter-group{
	display:flex;
}
	.input-filter-group .form-control,
	.input-filter-group .btn,
	.input-filter-group .bootstrap-tagsinput{
		border-radius:0;
	}
	.input-filter-group > *{
		margin-left:-1px;
	}
	.input-filter-group > .input-group-elem{
		flex:1 1 auto;
	}
	.input-filter-group > .input-group-addon{
		width:auto;
	}
	.input-filter-group > :not(.hide):first-child .form-control,
	.input-filter-group > :not(.hide):first-child .bootstrap-tagsinput,
	.input-filter-group > :not(.hide):first-child .btn{
		border-bottom-left-radius:3px;
		border-top-left-radius:3px;
	}
	.input-filter-group > :not(.hide):last-child .form-control,
	.input-filter-group > :not(.hide):last-child .bootstrap-tagsinput,
	.input-filter-group > :not(.hide):last-child .btn{
		border-bottom-left-radius:3px;
		border-top-left-radius:3px;
	}

/* 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;
}

/* datetimepicker */
.bootstrap-datetimepicker-widget.dropdown-menu{
	width:auto;
}
.bootstrap-datetimepicker-widget table td a > span:hover{
	background:none;
}

/* 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:350px;
}
.sidebar-fixed.sidebar-tasks .sidebar-content{
	width:349px;
}
/* tabs */
.custom-tabs .nav-tabs{
	margin-bottom:0;
}
/* tasks */
.task.unactive,
.stop.unactive{
	opacity:0.6;
}
.utask,
.ctask{
	transition:0.3s;
	margin-top:-1px;
}
.utask-parent{
	margin-bottom:11px;
}
.utask-parent:last-child{
	margin-bottom:0;
}
.utask-detail,
.ctask-detail{
	border-width:1px 0;
	border-radius:0;
	border-style:solid;
	border-color:#999;
	transition:0.3s;
	position:relative;
	padding-left:20px;
}
.ctask-detail{
	border-right-width:1px;
}
.utask-detail.confirmed{
	opacity:0.8;
}
.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,
.ctask-childs .ctask:not(.has-childs) .ctask-detail{
	border-left-width:1px;
	padding-left:0;
}
.utask-insert{
	opacity:0;
	transform:translateY(50px);
}
	.utask-control,
	.ctask-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,
	.ctask:hover .ctask-control,
	.ctask.seleccted .ctask-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
	.ctask-control.collapse-childs{
		cursor:pointer;
	}
	.utask-header,
	.ctask-header{
		position:relative;
		padding:10px 130px 10px 10px;
		cursor:pointer;
	}
	.utask-childs .utask-header,
	.ctask-childs .ctask-header{
		padding-right:70px;
	}
		.utask-title,
		.ctask-title{
			margin:0;
		}
		.utask-duration,
		.utask-time,
		.ctask-duration{
			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,
	.ctask-body{
		padding:10px;
		border-top:1px solid rgba(0,0,0,0.1);
		position:relative;
	}
	.utask-childs,
	.ctask-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%;
}
.active_stop{
	z-index:5;
}
/* dashboard */
.fab{
	font-weight:bold;
}
.trs{
	position:relative;
}
.trs:before{
	position:absolute;
	content:'';
	left:0;
	width:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.2);
	transition:1s;
	pointer-events:none;
}
.trs:after{
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:1px;
	left:65%;
	background:rgba(0,0,0,0.2);
	pointer-events:none;
}
.trs.alpha-success:before{
	background:rgba(0,255,0,0.2);
}
.trs.alpha-danger:before{
	background:rgba(255,0,0,0.2);
}
.panel-trs .trs-title{
	text-align:center;
	font-size:3em;
	line-height:1em;
}
.panel-trs > .panel-heading{
	padding-top:10px;
	padding-bottom:10px;
}
.panel-trs .current-trs,
.panel-trs .current-fab{
	margin-bottom:0;
}
.panel-trs > .panel-heading+.panel-body{
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}
.panel-trs .panel-body:before{
	position:absolute;
	display:block;
	content:'';
	left:0;
	width:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.2);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	transition:1s;
	pointer-events:none;
}
.panel-trs .panel-body:after{
	position:absolute;
	display:block;
	content:'';
	top:0;
	bottom:0;
	width:1px;
	left:65%;
	background:rgba(0,0,0,0.2);
	pointer-events:none;
}
.panel-trs.alpha-success .panel-body:before{
	background:rgba(0,255,0,0.4);
}
.panel-trs.alpha-danger .panel-body:before{
	background:rgba(255,0,0,0.2);
}
/*bigchart*/
.panel-trs[data-line^="L"]{
	cursor:pointer;
}
#bigchart-container{
	position:relative;
}
.bigchart-load-buttons{
	position:absolute;
	top:4px;
	right:4px;
	z-index:10;
}
.bigchart-progress{
	position:relative !important;
	cursor:progress;
}
.bigchart-progress:after{
	content:'\eb51';
	position:absolute;
	font-family:'icomoon';
	bottom:40px;
	left:20px;
	animation:rotation 1s linear infinite;
}
/* bilan */
.alpha-border .alpha-success{
	border-color:#43A047 !important;
}
.alpha-border .alpha-danger{
	border-color:#E53935 !important;
}
.heading-bilan .heading-form .form-group{
	float:left;
}
.heading-elements.heading-bilan .heading-form .form-control{
	width:120px;
}
.display-trs .dp-fiability,
.display-trs .dp-quantity,
.display-trs .dp-loss,
.display-trs .dp-loss-cam,
.display-trs .dp-loss-tri,
.display-trs .dp-loss-flow{display:none;}
.display-fiability .dp-trs,
.display-fiability .dp-quantity,
.display-fiability .dp-loss,
.display-fiability .dp-loss-cam,
.display-fiability .dp-loss-tri,
.display-fiability .dp-loss-flow{display:none;}
.display-quantity .dp-trs,
.display-quantity .dp-fiability,
.display-quantity .dp-loss,
.display-quantity .dp-loss-cam,
.display-quantity .dp-loss-tri,
.display-quantity .dp-loss-flow{display:none;}
.display-loss .dp-trs,
.display-loss .dp-fiability,
.display-loss .dp-quantity,
.display-loss .dp-loss-cam,
.display-loss .dp-loss-tri,
.display-loss .dp-loss-flow{display:none;}
.display-loss-cam .dp-trs,
.display-loss-cam .dp-fiability,
.display-loss-cam .dp-quantity,
.display-loss-cam .dp-loss,
.display-loss-cam .dp-loss-tri,
.display-loss-cam .dp-loss-flow{display:none;}
.display-loss-tri .dp-trs,
.display-loss-tri .dp-fiability,
.display-loss-tri .dp-quantity,
.display-loss-tri .dp-loss,
.display-loss-tri .dp-loss-cam,
.display-loss-tri .dp-loss-flow{display:none;}
.display-loss-flow .dp-trs,
.display-loss-flow .dp-fiability,
.display-loss-flow .dp-quantity,
.display-loss-flow .dp-loss,
.display-loss-flow .dp-loss-cam,
.display-loss-flow .dp-loss-tri{display:none;}
/* prod */
.line_choice .change_line{
	font-size:1.2em;
}
.line_choice .btn.active{
	box-shadow:0 0 0 100px rgba(0,0,0,0.2) inset;
}
.extendable-label{
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	background:rgba(255,255,255,0.8);
}
	.extendable-label:hover{
		max-width:none;
	}
.fancytree{
	background:#eee;
	border:1px solid #bbb;
	border-radius:3px;
	height:350px;
	overflow:auto;
}
.hide-justify-stop{
	display:none;
}
.new-stop .hide-justify-stop{
	display:initial;
}
.new-stop .hide-new-stop{
	display:none;
}
.table-irs .irs{
	height:32px;
	width:calc(100% - 120px);
	margin-left:60px;
}
.table-irs .irs>.irs{
	margin:0;
	width:100%;
}
.table-irs .irs-bar,
.table-irs .irs-line{
	top:14px;
}
.table-irs .irs-slider {
	top:8px;
}
.table-irs .irs-min,
.table-irs .irs-max{
	top:6px;
}
.table-irs .irs-min{
	left:-60px;
}
.table-irs .irs-max{
	right:-60px;
}
.table-irs .irs-from{
	top:6px;
	margin-left:-40px;
	visibility:visible !important;
}
.table-irs .irs-to{
	top:6px;
	margin-left:40px;
	visibility:visible !important;
}
.table-irs .irs-single{
	visibility:hidden !important;
}
.table-irs .irs-from:after,
.table-irs .irs-to:after,
.table-irs .irs-single:after{
	display:none;
}
.loss-informations{
	position:absolute;
	top:300px;
	left:0;
	width:100%;
	padding:5px 10px 5px 50px;
	display:flex;
	column-gap:10px;
	align-items:center;
	justify-content:center;
	z-index:10;
}
	.loss-info{
		display:flex;
		border:1px solid #999;
		border-radius:3px;
		padding:8px 15px;
		align-items:center;
	}
	.loss-value{
		margin-left:10px;
	}
/*of details*/
.printer-preview-container{
	display:flex;
	justify-content:center;
	align-items:center;
	height:170px;
	cursor:pointer;
}
.printer-zoom-overall{
	position:fixed;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px;
	background:rgba(100,100,100,0.6);
	z-index:10000;
}
.printer-preview-container img,
.printer-zoom-overall img{
	max-height:100%;
	max-width:100%;
}
/*expenses*/
.datatable-expenses thead > tr:not(:last-child) > th{
	position:static;
}
.datatable-expenses th,
.datatable-expenses td{
	text-align:center;
}
.DTFC_LeftWrapper .datatable-expenses th,
.DTFC_LeftWrapper .datatable-expenses td{
	text-align:left;
}
.DTFC_RightWrapper .datatable-expenses th,
.DTFC_RightWrapper .datatable-expenses td{
	text-align:right;
}
#tbForecast input[type="text"]{
	min-width:70px;
}
/* shifts */
.table-schedule-models .desktop,
.table-lines-shifts .desktop{
	display:table-cell;
}
.table-schedule-models .mobile,
.table-lines-shifts .mobile{
	display:none;
}
.table-schedule-models td,
.table-lines-shifts td{
	position:relative;
	padding:0;
}
.table-schedule-models td:nth-child(even),
.table-lines-shifts td:nth-child(even){
	background:#eee;
}
.table-schedule-models .model-shift,
.table-lines-shifts .model-shift{
	position:absolute;
	cursor:pointer;
	height:26px;
	top:5px;
	left:0;
	text-align:center;
	border:1px solid #333;
	border-radius:2px;
	z-index:1;
}
.table-lines-shifts .model-shift.model-disabled{
	opacity:0.8;
	cursor:not-allowed;
}
.table-lines-shifts+.current_hour{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:1px;
	background:#006600;
	overflow-x:show;
	color:#006600;
	z-index:10;
	pointer-events:none;
}
.table-lines-shifts+.current_hour span{
	position:absolute;
	top:-5px;
	right:0;
	padding:0 5px;
}
/* handover */
.handover-form-container{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	column-gap:1px;
	background:#546E7A;
}
	.handover-form-container > div[data-size="2"]{grid-column:span 2;}
	.handover-form-container > div[data-size="3"]{grid-column:span 3;}
	.handover-form-container > div[data-size="4"]{grid-column:span 4;}
	.handover-form-container > div[data-size="5"]{grid-column:span 5;}
	.handover-form-container > div[data-size="6"]{grid-column:span 6;}
	.handover-form-detail, .handover-form-feeling{
		display:flex;
		flex-direction:column;
	}
		.handover-feeling-container{
			display:flex;
			justify-content:space-between;
			align-items:center;
			background:#fff;
		}
			.handover-feeling-button{
				flex:1;
				height:60px;
				border:1px solid #ccc;
				background-size:50px 50px;
				background-position:center center;
				background-repeat:no-repeat;
				transition:0.3s;
			}
			.handover-feeling-button[data-value="1"]{ /* good */
				color:#4CAF50;
			}
			.handover-feeling-button[data-value="1"]:not(:disabled):hover,
			.handover-feeling-button[data-value="1"].active{
				color:#fff;
				background-color:#4CAF50;
				border-color:#4CAF50;
			}
			.handover-feeling-button[data-value="2"]{ /* meh */
				color:#FF9800;
			}
			.handover-feeling-button[data-value="2"]:not(:disabled):hover,
			.handover-feeling-button[data-value="2"].active{
				color:#fff;
				background-color:#FF9800;
				border-color:#FF9800;
			}
			.handover-feeling-button[data-value="3"]{ /* bad */
				color:#F44336;
			}
			.handover-feeling-button[data-value="3"]:not(:disabled):hover,
			.handover-feeling-button[data-value="3"].active{
				color:#fff;
				background-color:#F44336;
				border-color:#F44336;
			}
		.handover-detail-label{
			display:block;
			margin:0;
			padding:10px;
			text-align:center;
			font-weight:600;
		}
			.handover-form-detail .btn-group .btn{
				border-radius:0;
			}
		.handover-detail-content .note-editor.panel,
		.eq-handover-element-content .note-editor.panel{
			margin-bottom:0;
			border-radius:0;
		}
		.handover-detail-comment,
		.eq-handover-comment{
			width:100%;
			border:none;
			resize:none;
		}
.eq-handover-element{
	
}
	.eq-handover-element-title{
		margin:0;
		display:block;
		padding:10px;
		text-align:center;
		font-weight:600;
	}
.eq-handover-grid{
	display:grid;
	grid-template-columns:200px repeat(12, 1fr);
	column-gap:1px;
	row-gap:1px;
	background:#546E7A;
	min-height:100px;
	height:calc(100vh - 200px);
	overflow-y:auto;
}
	.eq-handover-grid > div[data-size="2"]{grid-column:span 2;}
	.eq-handover-grid > div[data-size="3"]{grid-column:span 3;}
	.eq-handover-grid > div[data-size="4"]{grid-column:span 4;}
	.eq-handover-grid > div[data-size="5"]{grid-column:span 5;}
	.eq-handover-grid > div[data-size="6"]{grid-column:span 6;}
	.eq-handover-grid > div[data-size="7"]{grid-column:span 7;}
	.eq-handover-grid > div[data-size="8"]{grid-column:span 8;}
	.eq-handover-grid > div[data-size="9"]{grid-column:span 9;}
	.eq-handover-grid > div[data-size="10"]{grid-column:span 10;}
	.eq-handover-grid > div[data-size="11"]{grid-column:span 11;}
	.eq-handover-grid > div[data-size="12"]{grid-column:span 12;}
	.eq-handover-grid > div[data-size="13"]{grid-column:span 13;}
	.eh-trs{
		font-weight:bold;
		font-size:1.2em;
		text-align:center;
	}
	.handover-line,
	.handover-line-pos{
		padding:10px;
		text-align:center;
		font-size:1.1em;
		font-weight:600;
	}
	.handover-label{
		padding:10px;
		background:#fff;
	}
	.handover-element,
	.eq-handover-element-content{
		background:#fff;
	}
	.handover-element-content,
	.eq-handover-element-content{
		min-height:40px;
	}
	.handover-flex-element{
		display:flex;
	}
		.eq-handover-element-content .element-content{
			padding:10px;
		}
		.handover-flex-element .handover-element-content{
			padding:10px;
			flex:1 1 auto;
		}
		.handover-flex-element .btn{
			display:flex;
			align-items:center;
			border-top:none;
			border-bottom:none;
			border-radius:0;
		}
	.handover-element:empty{
		background:#ddd;
	}
	.handover-trs,
	.handover-loss{
		text-align:right;
		padding:10px;
		font-weight:600;
	}
	.handover-trs:not([class*="alpha-"]),
	.handover-loss:not([class*="alpha-"]){
		background:#fff;
	}
	.eh-trs-obj,
	.hd-trs-obj{
		font-weight:400;
		color:#999;
	}
	.handover-element-stop-content{
		background:#ddd;
		height:100%;
	}
		.handover-element-stop-content .stop-element{
			background:#fff;
			display:flex;
			border-bottom:1px solid #ddd;
		}
			.handover-element-stop-content .stop-detail{
				padding:10px;
				flex:1 1 auto;
			}
				.handover-element-stop-content .stop-detail h6{
					margin:0;
				}
			.handover-element-stop-content .stop-duration{
				padding:10px;
				display:flex;
				align-items:center;
			}
			.handover-element-stop-content .btn{
				display:flex;
				align-items:center;
				border-radius:0;
				border-top:none;
				border-bottom:none;
				margin-left:-1px;
			}
.handover-types-grid{
	display:grid;
	padding:1px;
	grid-template-columns:repeat(6, 1fr);
	grid-column-gap:1px;
	grid-row-gap:1px;
	background:#546E7A;
}
	.handover-types-grid > div[data-size="2"]{grid-column:span 2;}
	.handover-types-grid > div[data-size="3"]{grid-column:span 3;}
	.handover-types-grid > div[data-size="4"]{grid-column:span 4;}
	.handover-types-grid > div[data-size="5"]{grid-column:span 5;}
	.handover-types-grid > div[data-size="6"]{grid-column:span 6;}
	.handover-type{
		background:#fff;
		position:relative;
	}
	.handover-type[data-active="0"]{
		opacity:0.8;
	}
	.handover-type.to-delete:before{
		content:"Cet élément sera supprimé à l'enregistrement";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:flex;
		z-index:10;
		background:rgba(255,230,230,0.9);
		align-items:center;
		justify-content:center;
	}
		.handover-type-head{
			padding:10px;
			border-bottom:1px solid #ccc;
		}
			.handover-type-head .input-group-btn:last-child > .btn.delete_type{
				position:relative;
				z-index:20;
			}
		.handover-type-body{
			padding:10px;
			display:flex;
			column-gap:10px;
		}
			.handover-type-body > div{
				flex:1 1 auto;
			}
.handover-floating-save-button{
	position:fixed;
	bottom:0;
	z-index:1000;
	right:20px;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom:none;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.sidebar-opposite-visible .handover-floating-save-button{
	right:371px;
}
/* triage */
.custom-collapse-section{
	border-top:1px solid #ddd;
}
	.custom-collapse-section-title{
		display:block;
		padding:20px;
		position:relative;
		font-weight:600;
		font-size:1.2em;
		color:#333;
	}
	.custom-collapse-section-title:hover,
	.custom-collapse-section-title:focus,
	.custom-collapse-section-title:visited{
		color:#333;
	}
	.custom-collapse-section-title:after{
		content:'\e9b7';
		font-family:'icomoon';
		position:absolute;
		top:50%;
		margin-top:-8px;
		right:20px;
		font-size:16px;
		font-weight:400;
		line-height:1;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
	.custom-collapse-section-title.collapsed:after{
		content:'\e9b8';
	}
	.custom-collapse-section-content{
		
	}
.custom-batch-grid{
	display:grid;
	grid-template-columns:repeat(1,1fr);
	grid-column-gap:1px;
	background:#ddd;
}
.custom-batch-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr);}
.custom-batch-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr);}
.custom-batch-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr);}
	.batch-item{
		display:flex;
		padding:5px 10px;
		border-top:1px solid #ddd;
		background:#fff;
		justify-content:space-between;
	}
	.batch-item.batch-item-title{
		justify-content:center;
		font-weight:600;
	}
	.custom-batch-grid .batch-item[data-size="2"]{grid-column:span 2;}
	.custom-batch-grid .batch-item[data-size="3"]{grid-column:span 3;}
	.custom-batch-grid .batch-item[data-size="4"]{grid-column:span 4;}
		.batch-item-value{
			font-weight:600;
		}
/* harvest */
.td-percentage{
	position:relative;
}
	.td-percentage:before{
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		width:var(--percentage);
		transition:0.5s;
		background:rgba(0,255,0,0.1);
		background:var(--background);
	}
	.td-percentage:after{
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		width:33.33%;
		background:rgba(150,150,150,0.05);
	}
.text-variety{
	padding:1px 6px;
	display:inline-block;
	margin:1px 0;
	border-radius:3px;
}
/* pivot tables */
.pivot-table-grid{
	display:grid;
	grid-template-columns:200px 1fr;
	min-width:500px;
	overflow-x:auto;
}
	.pivot-table-reload,
	.pivot-table-columns,
	.pivot-table-lines{
		display:flex;
		padding:20px;
		align-items:center;
		justify-content:center;
	}
/* 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 visibility */
.visible-connected,
.visible-prod,
.visible-LIGNE,
.visible-TALON,
.visible-VRAC,
.visible-CL,
.visible-CM{
	display:none;
}
.user-connected .visible-connected{
	display:block;
}
.user-production .visible-prod{
	display:block;
}
.user-LIGNE .visible-LIGNE{
	display:block;
}
.user-TALON .visible-TALON{
	display:block;
}
.user-VRAC .visible-VRAC{
	display:block;
}
.user-CL .visible-CL{
	display:block;
}
.user-CM .visible-CM{
	display:block;
}
.note-dropdown-menu div[class*="visible-"]{
	display:block;
}
.note-editable div[class*="visible-"]{
	display:block;
	border:2px dashed #ccc;
	position:relative;
	padding:5px;
	margin-top:20px;
}
.note-editable div[class*="visible-"]:before{
	position:absolute;
	top:-20px;
	left:0;
	font-style:italic;
	font-size:0.8em;
	color:#999;
}
.note-editable .visible-connected:before{
	content:'Bloc visible aux utilisateurs connectés';
}
.note-editable .visible-prod:before{
	content:'Bloc visible aux utilisateurs en production';
}
.note-editable .visible-LIGNE:before{
	content:'Bloc visible aux utilisateurs lignes MO';
}
.note-editable .visible-TALON:before{
	content:'Bloc visible aux utilisateurs talons';
}
.note-editable .visible-VRAC:before{
	content:'Bloc visible aux utilisateurs vrac';
}
.note-editable .visible-CL:before{
	content:'Bloc visible aux utilisateurs CL';
}
.note-editable .visible-CM:before{
	content:'Bloc visible aux utilisateurs CM';
}
/* login page */
.landing-bg{
	background:url(../img/background.webp) top center;
	background-size:cover;
}
.landing-content{
	min-height:100vh;
	padding-top:40px;
	padding-bottom:50px;
}
	.logo-big img{
		width:250px;
		height:auto;
	}
	#login-panel{
		position:relative;
	}
	#login-panel .popcorn1{
		width:80px;
		height:80px;
		position:absolute;
		top:-40px;
		right:-30px;
		transform:rotate(68deg);
	}
	#login-panel .popcorn2{
		width:80px;
		height:80px;
		position:absolute;
		left:-45px;
		bottom:-30px;
		transform:rotate(120deg);
	}	
.password-view{
	pointer-events:auto;
	cursor:pointer;
}
/* Custom classes */
.progress-bar-linear{
	transition:0.3s linear;
}
.icon-lg{
	font-size:24px;
}
.bg-grey-100{
	background:#eee;
}
.bg-grey-200{
	background:#ddd;
}
.bg-nc{
	color:#fff;
	background:#E91E63;
	border-color:#E91E63;
}
.alpha-nc{
	background-color:#FCE4EC;
	border-color:#D81B60;
}
.bg-salted{
	color:#fff;
	background:#08B1E9;
	border-color:#0092C2;
}
.bg-salted-light{
	color:#fff;
	background:#26c9ff;
	border-color:#00a3d9;
}
.bg-salted-sweet{
	color:#fff;
	background:#d24cff;
	border-color:#b44cff;
}
.bg-sweet{
	color:#fff;
	background:#DA589B;
	border-color:#B32D72;
}
.bg-sweet-light{
	color:#fff;
	background:#E382b2;
	border-color:#D0438C;
}
.bg-butter{
	color:#fff;
	background:#f7cf26;
	border-color:#d0a900;
}
.bg-cheese{
	color:#fff;
	background:#f7b980;
	border-color:#de9046;
}
.bg-caramel{
	color:#fff;
	background:#DA762E;
	border-color:#B3510A;
}
.bg-chocolate{
	color:#fff;
	background:#5F3915;
	border-color:#381D04;
}
.selection-actions{
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:9999;
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}

.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)
	}
}
.shadow-notification{
	-webkit-animation-duration:4s;
	animation-duration:4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationShadow;
	animation-name:notificationShadow;
}
@keyframes notificationShadow{
	from{
		text-shadow:0 0 8px rgba(255,0,0,0);
	}
	40%{
		text-shadow:0 0 8px rgba(255,0,0,1);
	}
	80%{
		text-shadow:0 0 8px rgba(255,0,0,0);
	}
	100%{
		text-shadow:0 0 8px rgba(255,0,0,0);
	}
}
.graph{
	padding-left:2px;
	padding-right:2px;
}

/*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;
}

/*custom input group*/
.input-vertical-group input,
.input-vertical-group .input-group-addon:first-child,
.input-vertical-group .input-group-btn:first-child > .btn,
.input-vertical-group .input-group-btn:first-child > .btn-group > .btn,
.input-vertical-group .input-group-btn:first-child > .dropdown-toggle,
.input-vertical-group .input-group-addon:last-child,
.input-vertical-group .input-group-btn:last-child > .btn,
.input-vertical-group .input-group-btn:last-child > .btn-group > .btn,
.input-vertical-group .input-group-btn:last-child > .dropdown-toggle{
	border-radius:0;
}
.input-vertical-group input+input,
.input-vertical-group input+.input-group,
.input-vertical-group .input-group+input{
	margin-top:-1px;
}
.input-vertical-group input:first-child{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.input-vertical-group input:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/*responsive*/
@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}
}
@media (max-width: 1024px) {
	.custom-batch-grid[data-columns="2"]{grid-template-columns:1fr;}
	.custom-batch-grid[data-columns="3"]{grid-template-columns:1fr;}
	.custom-batch-grid[data-columns="4"]{grid-template-columns:1fr;}
	.custom-batch-grid .batch-item[data-size="2"]{grid-column:span 1;}
	.custom-batch-grid .batch-item[data-size="3"]{grid-column:span 1;}
	.custom-batch-grid .batch-item[data-size="4"]{grid-column:span 1;}
	.batch-item.to-hide{
		display:none;
	}
}
@media (max-width: 991px) {
	/* handover */
	.handover-form-container > div[data-size="1"],
	.handover-form-container > div[data-size="2"],
	.handover-form-container > div[data-size="3"],
	.handover-form-container > div[data-size="4"],
	.handover-form-container > div[data-size="5"],
	.handover-form-container > div[data-size="6"]{grid-column:span 6;}
	/* Custom classes */
	.hide-sm{
		display:none;
	}
}
@media (max-width: 767px) {
	.navbar-brand > img{
		margin:2px -40px;
	}
	/* sidebar */
	.sidebar-tasks{
		width:100%;
	}
	.sidebar-fixed.sidebar-tasks .sidebar-content{
		width:100%;
	}
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* heading elements */
	.page-header-content > .visible-elements{
		margin-bottom:20px;
	}
	/* tabs */
	.nav-tabs:before{
		content:'';
		margin:0;
		display:none;
	}
	.custom-tabs .nav-tabs{
		padding:0;
		border-radius:0;
		margin-bottom:0;
	}
	/* tasks */
	.utask-detail,
	.ctask-detail{
		padding-left:30px;
	}
	.utask-control,
	.ctask-control{
		width:30px;
	}
	.utask-childs,
	.ctask-childs{
		margin-left:29px;
	}
	/* shifts */
	.table-schedule-models .desktop,
	.table-lines-shifts .desktop{
		display:none;
	}
	.table-schedule-models .mobile,
	.table-lines-shifts .mobile{
		display:table-cell;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* login */	
	#login-panel .popcorn1,
	#login-panel .popcorn2{
		display:none;
	}
	/* 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;
	}
}