/* MY TASK */
#zone-listing-order{}
.listing-order{padding:0px 0px 0px 0px;overflow-x:hidden;}
	.base-line-order{background-color:#FFFFFF;width:100%;}
	.base-line-order:nth-child(odd){background-color:#F2F2F2;}
	.one-line-order-task{display:flex;width:100%;}
		.bloc-order{padding: 5px 15px 5px 15px;}
		.date-data-orders{margin-left:25px;}
		.late-date{color:#BB3B3A;}
		.today-date{color:#BA9121;}
		.ontime-date{color:#2eab3a;}
		.bloc-alerte-limit-order{width:10px;text-align:center;color:#FFF;}
			.alert-error-job{background-color:#BA9121;}
			.alert-late-job{background-color:#BB3B3A;}
			.alert-today-job{background-color:#BA9121;}
			.alert-ontime-job{background-color:#2eab3a;}
			.alert-neutral-job{background-color:#CCCCCC;}
		.bloc-logo-trade {display:flex;z-index:0;float:left;/*padding-right:15px;*/width:50px;min-width:50px;max-width:50px;height:50px;margin:auto;text-align:center;/*border:1px solid #999;position:absolute;background:#fff;*/vertical-align:baseline;line-height:60px;margin-left:5px;}
			.rang-order{position:relative;float:left;font-size:1em;font-weight:normal;top:-31px;left:5px;}
			.bloc-logo-trade .logo-marque-task {max-width: 40px;/* max-height: 25px; */margin: 5px;display: block;}
			.bloc-logo-trade .nom-marque {line-height:initial; padding-top:10px;}
		.bloc-preview-order{width:120px;text-align:center;margin:auto;display:flex;padding-right:10px;}
			.bloc-file-preview-order{position:relative;float:left;}
				.preview-order{max-height:95px;max-width:75px;cursor:pointer;}
			.bloc-action-preview-order{position:relative;float:right;display:inline-block;}
				.alert-dialogue{padding:1px 3px 0px 3px;margin:auto;height:20px;width:20px;border-radius:10px;float:left;z-index:99;}
				.preview-hd-order{position:relative;float:right;z-index:99;height:20px;width:20px;text-align:center;vertical-align:middle;}
		.order-status{min-width:240px;}
		.order-status,.order-datas{padding-top:10px;padding-bottom:10px;}
			.item-list-validation-order{}
			.one-bloc-type-validation{}
				.label-validation-type{min-width:100px;color:#929292;}
				.indicator-validation-type {min-width:20px;}
		.order-datas{display:inline-block;width:100%;}
			.bloc-order-designation{float:left;font-size:1.1em;color:#1F5C99;max-width:80%;overflow-x:hidden;font-weight:bold;margin-left:15px;}
				.bloc-order-designation a{float:left;font-size:1.1em;color:#1F5C99;font-family:'Yanone', sans-serif;}
				.view-detail-order{padding-left:10px;}
			.label-data-orders{width:70px;}
			.value-data-orders{padding-left:10px;}
			.zone-date-my-task{padding-right:30px;min-width:200px;}
			.bloc-order-version{float:left;display:flex;}
				.bloc-order-type-version{width:110px;text-align:right;float:left;display:inline-block;font-size:1em;color:#2476BB;}
				.bloc-order-timing{float:right;max-width:50px;}
		.container-order-actions{position:relative;display:block;}
			.order-actions{text-align:right;z-index:0; position:absolute;top:0px;right:25px;}
	.zone-options{
		background: #b8b8b8;
		background: -moz-linear-gradient(top, #b8b8b8 0, #ccc 20%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b8b8b8), color-stop(20%, #ccc));
		background: -webkit-linear-gradient(top, #b8b8b8 0, #ccc 20%);
		background: -o-linear-gradient(top, #b8b8b8 0, #ccc 20%);
		background: -ms-linear-gradient(top, #b8b8b8 0, #ccc 20%);
		background: linear-gradient(to bottom, #b8b8b8 0, #ccc 20%);
		overflow: hidden;
		transition: height .3s ease-in-out, padding-bottom .3s ease-in-out;
	}
	.zone-options.close-actions{height:0px;}
	.zone-options.open-actions{padding:12px;}
	.frame-dialogue{height: calc(100vh - 230px);width:100%;}
/* COLOR TYPE ORDER */
.type-commande-REPRO{color:#D667C4;}
.type-commande-ARTWORK{color:#1F5C99;}
.fa-r.btn-restriction-validation{color:#D667C4;}
.fa-r.btn-restriction-validation.validation-task-ok{color:#2EAB3A;}
.fa-r.btn-restriction-validation.validation-task-ko{color:#BB3B3A;}
.fa-a.btn-restriction-validation{color:#1F5C99;}
.fa-a.btn-restriction-validation.validation-task-ok{color:#2EAB3A;}
.fa-a.btn-restriction-validation.validation-task-ko{color:#BB3B3A;}
/* COLOR POUR VALIDATION */
.validation-task-ok{color:#2EAB3A;}
.validation-task-ko{color:#BB3B3A;}
.validation-task-waiting{color:#E6E6E6;}
.validation-task-todo{color:#EBAB12;}

/* BUTTON ACTION MY TASKS ORDER */
.btn-my-task{font-size:1em; line-height:0.9em;width:auto;}
.button-icone-action-task-order{display:inline-flex;height:24px;font-size:1em; line-height:0.90em;width:auto;}
.button-icone-action-task-order:hover > .button-title-task-order{display:block;}
.toggle-options-orders{height:24px;font-size:1em; line-height:0.9em;}
.button-title-task-order {margin-left:5px;}
.button-icone-action-task-order .badge {font-size:0.8em; line-height:0.5em; top:0px; margin-left:5px;}

/* CLASS IFRAME AUTOCONTROLE */
.zone-liste-item .panel-body{padding:0px;}
.label-parent-item-autocontrole{font-size:0.65em;}
.label-item-autocontrole{}
.item-autocontrole-ok{background-color:#2EAB3A !important;}
.item-autocontrole-ko{background-color:#BB3B3A !important;}
.item-autocontrole-off{background-color:#CCCCCC !important;}
.item-autocontrole-todo{background-color:#EBAB12 !important;}

/* CLASS GENERIC ELEMENTS */
.info-bulle-validation-task{width:125px;}
.padding-label-order-valid-right{padding-right:15px;}
.padding-label-order-valid-left{padding-right:15px;}
.strong{font-weight:bold;}
.date-warning-compare-today{color:#BA9121;}
.date-danger-compare-today{color:#BB3B3A;}
.date-success-compare-today{color:#2eab3a;}