/*-------------------------------------------------------------------------
    Global
-------------------------------------------------------------------------*/

:root
{ 
    --form-bg:#FFF;
    --color-primary:#FFF;
    --text-color:#222;
    --table-header-bg:#303549;
    --content-panel-bg:#FFF;
}

html { background-color:#1d3460;background: linear-gradient(to right, rgba(13,174,219,1) 0%, rgba(23,91,164,1) 51%, rgba(30,54,100,1) 100%);background-size: cover;border-color: #0094CE !important }
body { background:transparent;font-family: 'Gotham-Book','Arial', Helvetica, sans-serif; }

.btn { padding:.50rem 2rem }
.btn-primary { color: #fff; background-color:#0094CE!important;font-weight: bold;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86); }
.btn-primary:hover,.btn-primary:focus { color: #fff;background: #38B6FF!important; }
.btn-primary:active,.btn-primary.active { color: #fff;background: #38B6FF!important; }
.btn-secondary { color: #fff;background-color:#444!important;font-weight: bold;box-shadow: -1px 0px 6px 0px rgba(82,83,101,0.86);border-color: #0094CE !important }
.btn-secondary:hover,.btn-secondary:focus { color: #fff;background: #555!important; }
.btn-secondary:active,.btn-secondary.active { color: #fff;background: #555!important; }
.highlight{background-color:#f5ff80  !important}

.modal-backdrop { background-color:#000 }

.datagrid thead a, .datagrid thead span { color:#FFF!important; }
.table thead th { color:#FFF!important;padding:1rem }
.table thead a { color:#FFF!important; }

.js-datepicker{min-width: 75px;}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {background-color: #E3E7ED !important;color:#000000;}

.table_display
{
    display: table;
    height: 100%;
    width: 100%;
}

.table_cell
{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 9px;
}

.form-widget input.form-control, .form-widget select.form-control, .form-widget textarea.form-control { max-width: none; }

.custom-control-input:checked ~ .custom-control-label::before { border-color: #4c5367 ;background-color: #0094CE; }
.form-action-search .form-control { width:280px!important }

h1 { font-size:1.5rem; }
a { color:#222;}
a:hover, a:focus { color:#000;}
.text-small { font-size:0.6rem }

a.lien{color:#222 !important;}
a.lien:hover, a.lien:focus { color:#33b5e5 !important;}

strong, b {font-weight: bold;}

.hidden {
	display: none;
}

.navbar {
	width: 100%;
	justify-content: left;
}

.color-blue { color:#33b5e5 }
.color-grey { color:#777!important; }
.color-green { color:#89C76B!important; }
.color-orange { color:#fbb159!important; }
.color-red { color: #F93154!important; }

.font-size-30 { font-size:30px; }
.font-size-24 { font-size:24px; }
.font-size-20 { font-size:20px; }
.font-size-17 { font-size:17px; }
.font-size-15 { font-size:15px; }
.font-size-12 { font-size:12px; }
.font-size-10 { font-size:10px; }

.navbar .user-site {position: absolute;top: 55%;right: 15px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);margin-top: -6px;font-size: 16px;}
.navbar-custom-menu{display: none !important;}
.user-name
{
	color: #46d9f2 !important;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
.dropdown-toggle:after {vertical-align: middle;color: #fff;}
.table-icon {
	font-size: 18px;
}

@media only screen and (max-width:575px){

	.sm-hidden {
		display: none;
	}
}

.link-disabled
{
	cursor: not-allowed!important;
	opacity: 0.5!important;
	text-decoration: none!important;
}

.bg-dark { background-color: #303549!important;}
.bg-grey { background-color: #555!important;}
.bg-warning { background-color: #F57C00 !important;}
.bg-blue { background-color: #00b0f0!important; }

.alert-error
{
    color: #6b1f33;
    background-color: #f5d8e0;
    border-color: #f1c9d3;
}


.form-input-text
{
	height: 55px;
	font-size: 20px;
}

.ligne-selection:hover{cursor:pointer;background:#CCCCCC !important;}

/*=====================================
 	DATATABLE
=====================================*/

.dataTables_filter
{
	width: 50%!important;
	float: left!important;
	text-align: left!important;
}

.dataTables_filter label
{
	width: 100%!important;
}

.dataTables_filter input
{
	width: 100%!important;
	background-color: #FFF!important;
	margin-left: 0!important;
}


@media only screen and (max-width:767px){

	.dataTables_filter
	{
		width: 100%!important;
	}
}

/*=====================================
 	GRADIENT
=====================================*/

.grey-gradient
{
	background: rgb(221,221,221);
	background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(170,170,170,1) 100%); 
}

.new-blue-gradient
{
	background: #00aeca;
	background: -moz-linear-gradient(left, #00aeca 0%, #1b75bc 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #00aeca), color-stop(100%, #1b75bc));
	background: -webkit-linear-gradient(left, #00aeca 0%, #1b75bc 100%);
	background: -o-linear-gradient(left, #00aeca 0%, #1b75bc 100%);
	background: -ms-linear-gradient(left, #00aeca 0%, #1b75bc 100%);
	background: linear-gradient(to right, #00aeca 0%, #1b75bc 100%);
}

.new-green-gradient
{
	background: #89c76b;
	background: -moz-linear-gradient(left, #89c76b 0%, #5aba53 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #89c76b), color-stop(100%, #5aba53));
	background: -webkit-linear-gradient(left, #89c76b 0%, #5aba53 100%);
	background: -o-linear-gradient(left, #89c76b 0%, #5aba53 100%);
	background: -ms-linear-gradient(left, #89c76b 0%, #5aba53 100%);
	background: linear-gradient(to right, #89c76b 0%, #5aba53 100%);
}

.new-gradient-grey
{
	background: #f1f2f2;
	background: -moz-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f1f2f2), color-stop(100%, #d1d3d4));
	background: -webkit-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -o-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -ms-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: linear-gradient(to right, #f1f2f2 0%, #d1d3d4 100%);
}

.new-orange-gradient
{
	background: #fc8662;
	background: linear-gradient(40deg, #fca362, #fc8662) !important;
}

.new-purple-gradient
{
	background: #7873f5;
	background: linear-gradient(40deg, #ae73f5, #7873f5) !important;
}

.new-red-gradient
{
	background: #fc6278;
	background: linear-gradient(40deg, #fc6662, #fc6278) !important;
}

/*=====================================
 	MODAL
=====================================*/

.modal-header .close {  font-size: 2.2rem!important; }
.modal-header-no-close .close { display:none }
.modal-xl { max-width:1240px!important; }
.modal-lg .modal-xl {  max-width:none!important; }

/*-------------------------------------------------------------------------
    Login
-------------------------------------------------------------------------*/

.login-header{ background-color:#303549;color:#FFF;text-align:center;padding:10px;}
	.login-header img{max-width:100% !important}

.login-footer{background:url('../../images/site/logiz.png') no-repeat;background-position: center;text-align:center;height:76px;margin-top:40px;}

.login-form input[type="text"], .login-form input[type="password"] {
	height: 55px;
	font-size: 20px;
}

/*-------------------------------------------------------------------------
    Toastr
-------------------------------------------------------------------------*/

#toast-container > div
{
	padding:20px 20px 20px 50px!important;
	opacity:0.9;
	font-size:15px;
	font-weight:bold;
}

/*-------------------------------------------------------------------------
    Langue
-------------------------------------------------------------------------*/

.lang-menu { z-index:10000;display:inline-block }
.lang-menu .dropdown-menu { min-width: 0; }
.lang-menu .dropdown-menu img { max-width:none; }

/*-------------------------------------------------------------------------
    Home
-------------------------------------------------------------------------*/

.home-menu { position:relative; }
.home-menu a { display:block; }
.home-menu img { max-width:100% }

.home-menu-text{color: #ffffff;font: 23px "CenturyGothic-Bold";height: 100%;position: absolute;text-align: center;top: 0;width: 100%;display: block;left: 0;background-color:rgba(26,26,26,0.4);}

.home-menu-text:hover { background-color:rgba(26,26,26,0.7); }

@media only screen and (max-width:575px){
    .mt-3.mb-3.home-menu.text-center>a>img {max-width: 200%;}
	.home-menu-text{font-size: 18px;}
}

a.btn-dashboard
{
	color:#FFF;
	font-weight: bold;
	display:block;
	border-radius:5px;
	background-color:#303549;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.btn-dashboard:hover
{
	color:#CCC;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#menu-imprimante-statut
{
	display:inline-block;
}


#logo-wrapper {
	min-height: 85px;
}

@media only screen and (max-width:767px){


	#logo-wrapper { min-height: auto } ;
}



/*-------------------------------------------------------------------------
    Transfert
-------------------------------------------------------------------------*/
.btn:disabled, .btn:disabled:active, .btn:disabled:active:focus, .btn:disabled:focus, .btn:disabled:hover{background-color: #999!important;}
.transfert-container { margin: auto; }
.transfert-container .text-block { border-radius: 5px; }
.transfert-center { height: 500px; }
.transfert-container .form-group { padding: 0; }

.transfert-container .nb-lots {
	height: 55px;
}

.transfert-container input[type="text"], .transfert-container input[type="password"] {
	height: 55px;
	font-size: 20px;
}

.transfert-container .qte-lot {
	background-color: transparent;
	border: 0;
	font-size: 18px;
	font-weight: bold;
}
.transfert-container .qte-lot:focus {
	border: 0;
}

.transfert-container p, .transfert-container button, .transfert-container div  {
	font-size: 18px;
}

.transfert-lignes-container {
	padding-bottom: 150px!important;
}

@media only screen and (max-width:575px){
	.transfert-container select#site {top:0}
	.transfert-container .qte-lot{font-size: 15px;}
}

.ligneArticle:hover{cursor:pointer;background:#CCCCCC !important;}

#modal-delete-lot .modal-confirm-btn-si, #modal-delete-all-lots .modal-confirm-btn-si, #modal-ajout-article-autre-emplacement .modal-confirm-btn-no{background:#ff3547 !important}
/*-------------------------------------------------------------------------
    Pointage
-------------------------------------------------------------------------*/

.form-pointage
{
    background-color: #0084c6;
    padding: 0px 15px 0px 15px;
    color: #fff;
}

.form-pointage form
{
    width: calc(100% - 70px);
	float: left;
}

.form-pointage #ofOperation {
	height: 40px;
}

.form-pointage .multi-of-btn {
	font-size: 40px;
	width: 50px;
	height: 50px;
	float: right;
}

.form-pointage .multi-of-btn:hover {
	cursor: pointer;
}

.pointage-content {
	background: #303549;
}

.pointage-content input[type="text"], .pointage-content input[type="password"] {
	height: 55px;
	font-size: 20px;
}

.pointage-content .details-of {
	font-size: 16px;
}

.pointage-content .text-primary{
	color: #46d9f2 !important;
}

.pointage-content .pointage-action-buttons {
	max-width: 275px;
}

.pointage-content .pointage-action-buttons .hors-production-btn {
	font-size: 18px;
}

.pointage-content .pointage-action-buttons button {
	border-radius: 50px;
	font-size: 18px;
	padding: 0;
	height: 60px;
	margin-top: 10px;
	text-align: left;
	width: 100%;
}

.pointage-content .pointage-action-buttons button:hover {
	color: white;
}

.pointage-content .pointage-action-buttons button .icon-overlay {
	display: inline-flex;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	height: 60px;
	width: 60px;
}

.timer-pointage {
	background: none;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 3px;
}

.timer-pointage, .motif-arret {
	font-size: 18px;
	font-weight: bold;
}

.timer-pointage-title {
	font-size: 20px;
}

.timer-content, .pointage-solde {
	font-size: 22px;
}

.form-modal-pointage label {
	text-align: left;
	flex: none;
}

.form-modal-pointage .form-group {
	position: relative;
}

.autocomplete-list-pointage {
	position: absolute;
	z-index: 1;
	top: 70px;
	width: 100%;
}

.poste-list-autocomplete {
	position: absolute;
	z-index: 1;
	top: 35px;
	width: 100%;
}

.autocomplete-list-pointage li:hover, .poste-list-autocomplete li:hover {
	cursor: pointer;
}

.content-text-pointage {
	border: 2px solid #FFF;
}

.content-text-pointage a {
	font-size: 20px;
}

#modal-action-pointage .modal-footer{display: block}
#modal-action-pointage .modal-footer .modal-confirm-btn-si, #modal-action-pointage .modal-footer .modal-confirm-btn-no {float:right;}

@media only screen and (max-width:767px){

	.content-pointage {
		display: flex;
		flex-flow: column;
	}

	.content-pointage .timer-wrapper {
		order: 1;
	}

	.content-pointage .buttons-wrapper, .content-pointage .details-wrapper  {
		order: 2;
	}

	.content-pointage .timer-wrapper .m-auto {
		width: 100%;
	}

	.content-pointage .timer-wrapper .timer-pointage {
		margin-top: 20px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width:575px){

	.pointage-content .pointage-action-buttons button {
		font-size: 12px;
	}

	.pointage-content .pointage-action-buttons .hors-production-btn {
		font-size: 12px;
	}

	.pointage-content .pointage-action-buttons .hors-production-btn span {
		display: block;
		margin: 10px 0 0 5px !important;
		float: left;
	}

	.pointage-content .details-of {
		font-size: 14px;
	}

	.pointage-content .pointage-action-buttons span {
		margin-right: 0 !important;
		margin-left: 5px !important;
	}

	.pointage-solde {
		width: 100%;
	}
}

/*-------------------------------------------------------------------------
    Palette
-------------------------------------------------------------------------*/

.declaration-palette .ordre-infos {

	max-width: 750px;
}

.declaration-palette table {
	background-color: #FFF;
}

.declaration-palette .js-edit-qte:hover {
	cursor: pointer;
}
#table-palette-js input[type="text"] {max-width: 65px;height: 40px;padding: 0 10px;}
@media only screen and (max-width:767px){
	.pos-qte{max-width: 70px; margin: auto;}
.position-relative.pos-qte i {position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);z-index: 9;}
}
@media only screen and (max-width:400px){
	#table-palette-js input[type="text"] {max-width: 50px; padding-left: 5px; padding-right: 5px;}
	.pos-qte{max-width: 50px;}
}
/*-------------------------------------------------------------------------
    Stock Article / Emplacement
-------------------------------------------------------------------------*/

.table-stock {
	background-color: #FFF;
}

.form-stock input[type="text"]{
	height: 55px;
	font-size: 20px;
}

.form-stock div {
	font-size: 18px;
}

.table-stock th, .table-stock td {
	font-size: 18px;
}

/*-------------------------------------------------------------------------
    Supervision
-------------------------------------------------------------------------*/

.table-supervision
{
	overflow-x: scroll;
	max-width: 100vw;
}

.table.table-supervision.dataTable.no-footer {
	display: contents;
}

.supervision-content .dataTables_scroll {
	max-width: 100vw;
}

.table-supervision th, .table-supervision td {
	font-size: 11px;
	font-weight: bold;
}

.table-supervision td {
	font-size: 11px;
	font-weight: lighter;
}

.table-supervision .fa-pencil {
	font-weight: bold;
	display: block;
	font-size: 14px;
}

.table-supervision .fa-pencil:hover {
	cursor: pointer;
}

.form-filters-supervision .label-filter-form {
	white-space: nowrap;
}

.supervision-underline-row {
	background-color: #FFF59D;
}

/*-------------------------------------------------------------------------
    Spinner Overlay
-------------------------------------------------------------------------*/

#spinner-overlay, #simple-overlay
{
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
	height:100%;
	display: none;
	background-color: rgba(0,0,0,0.6);
}

#spinner-overlay .o-cv-spinner
{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}

#spinner-overlay .o-spinner
{
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #c67300 solid;
	border-radius: 50%;
	animation: spinner-anime 0.8s infinite linear;
	position:absolute;
}

@keyframes spinner-anime
{
	100% { 
		transform: rotate(360deg); 
	}
}

#js-spinner-overlay-text
{
	display:block;
	color:#FFF;
	padding-top:70px;
}


/*-------------------------------------------------------------------------
    Inventaire
-------------------------------------------------------------------------*/

.inventaire-container { margin: auto; }
.inventaire-container .text-block { border-radius: 5px; }
.inventaire-container .form-group { padding: 0; }

.inventaire-container .nb-lots {
	height: 43px;
}

.inventaire-container input[type="text"], .inventaire-container input[type="password"] {
	height: 55px;
	font-size: 20px;
}

.inventaire-container .qte-lot {
	background-color: transparent;
	border: 0;
	font-size: 18px;
	font-weight: bold;
}
.inventaire-container .qte-lot:focus {
	border: 0;
}

.inventaire-container p, .inventaire-container button, .inventaire-container div  {
	font-size: 18px;
}

@media only screen and (max-width:575px){
	.inventaire-container select#site {top:0}
	.inventaire-container .qte-lot{font-size: 15px;}
}

.lotDisabled{background-color:#cccccc !important;opacity: 0.8;}

.form-session .form-control {
	background-color: transparent;
}

.inventaire-lignes-container {
	padding-bottom: 150px !important;
}

.list-choix-statut li:hover {
	cursor: pointer;
	background-color: #f1f2f2;
}


/*-------------------------------------------------------------------------
    Réception
-------------------------------------------------------------------------*/

.reception{
	padding: 10px 15px;
	color: #fff;
	clear:both;
}

.reception .btn-bar{
	display:block;
	width: 100%;
}

.reception .btn-back-step{
	margin: 0;
	width: 48%;
	float:left;
}

.reception .btn-front-step, .reception .btn-traiter-lignes, .reception .btn-valider-lignes{
	margin: 0;
	width: 48%;
	float:right;
}

.form-fournisseur label, .form-bonlivraison label{
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
}

.form-fournisseur button, .form-bonlivraison button{
	float:left;
}

.reception table {
	background-color: #FFF;
}

.table-reception{
	width:100% !important;
}

.table-reception td{
	padding: 0.5rem 1rem !important;
}

.table-reception-lot{
	width:100% !important;
}

.table-reception-lot input{
	width:100% !important;
}

.table-reception-lot input[type=number]{
	width:70% !important;
}

.receptionLignesOK{display:none;}

.receptionLot {
	clear:both;
	line-height: 48px;
	min-width: 260px;
}
.receptionLot input{
	height:30px;
}
.receptionLot button{
	float:right;
}
.receptionRecherche label{
	width: 100%;
}
.receptionRecherche input{
	width: 100%;
	margin: 6px 0;
	height: 35px;
	background: #FFFFFF !important;
}
.receptionRecherche{
	float:left;
	width: 50%;
}
.receptionPagination{
	float:right;
	width: 50%;
}
.receptionPagination a{
	padding: 0 !important;
}
.receptionPagination .dataTables_paginate{
	float:right !important;
	margin-right: 5px;
}
.reception .btn-pagination{
	padding: 8px 12px;
	margin: 0;
}
.reception .paginate_button{
	background: #444444 !important;
	color: #FFFFFF !important;
	display:none !important;
}
.reception .receptionPagination a.disabled button.btn-pagination{
	background: #CCCCCC !important;
}
.reception .paginate_button.previous, .reception .paginate_button.next{
	display:inline-block !important;
}

.reception .dataTables_wrapper .dataTables_paginate .paginate_button.current, .reception .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	display:inline-block !important;
	padding: 7px 15px !important;
	color: #FFFFFF !important;
	border: none !important;
	height: 37px;
}

.bootstrap-select .btn{
	margin:0 !important;
}
.reception .dataTables_filter{
	width: 100%;
}

/*-------------------------------------------------------------------------
    Préparation
-------------------------------------------------------------------------*/

#preparation-form-ordre-prepa input[type="text"]{
	height: 55px;
	font-size: 20px;
}

#preparation-form-ordre-prepa .form-group { padding:0 }

.preparation{
	padding: 10px 15px;
	color: #fff;
	clear:both;
}

.preparation table {
	background-color: #FFF;
}

.preparation .btn-preparer-produit, .preparation .btn-change-ligne, .preparation .btn-recap, .preparation .btn-valider-lignes, .preparation .btn-retour-liste{
	width: 100%;
	margin: 0;
}

.qteReception{
	max-width:70px;
	margin-right:5px;
}

.btn-detail:hover, .btn-detail:focus{
	color: #FFFFFF!important;
}

.scanOK{
	background: #00c851 !important;
}

.produitPrepare{
	font-size: 18px;
	color: #00c851;
}

.table td, .table th{
	vertical-align: middle;
}

.boxColor{
	width: 20px;
	height: 20px;
	display: inline-block;
}

.boxGreen{
	background-color: green;
}

.boxOrange{
	background-color: orange;
}

.ligneLien{
	cursor:pointer;
	background: #CCCCCC !important;
}

.lienLigne{
	cursor:pointer;
}

.preparationPagination a{
	padding: 0 !important;
}

.preparationPagination .dataTables_paginate{
	float:right !important;
	margin-right: 5px;
}
.preparation .btn-pagination{
	padding: 8px 12px;
	margin: 0;
}
.preparation .paginate_button{
	background: #444444 !important;
	color: #FFFFFF !important;
	display:none !important;
}
.preparation .preparationPagination a.disabled button.btn-pagination{
	background: #CCCCCC !important;
}
.preparation .paginate_button.previous, .preparation .paginate_button.next{
	display:inline-block !important;
}

.preparation .dataTables_wrapper .dataTables_paginate .paginate_button.current, .preparation .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	display:inline-block !important;
	padding: 7px 15px !important;
	color: #FFFFFF !important;
	border: none !important;
	height: 37px;
}

/*-------------------------------------------------------------------------
    Colisage
-------------------------------------------------------------------------*/


.form-colisage input[type="text"], .form-colisage input[type="number"]
{
    background-color: #00b0f0;
    padding: 0px 15px 0px 15px;
    color: #fff;
	width:200px;
	padding:20px;
	font-size:20px;
}

.form-colisage label
{
	color:#00b0f0;
	text-align:left;
	font-weight:bold;
}

@media only screen and (max-width:575px)
{
	.form-colisage input[type="text"], .form-colisage input[type="number"]
	{
		width:100%;
	}
}

/*-------------------------------------------------------------------------
    Consommation Matiere OF
-------------------------------------------------------------------------*/

.consommation-matiere .details-of {
	background-color: #303549;
}

input[type="date"]:not(.has-value):before{
	content: attr(placeholder);
}

.conso-matiere-qte-btn {
	background-color: transparent;
	border: 0;
	font-size: 18px;
}

.conso-matiere-qte-btn:focus {
	background-color: transparent;
	border: 0;
}

@media only screen and (max-width:575px){
	.conso-matiere-qte-btn {
		background-color: transparent;
		border: 0;
		font-size: 15px;
	}
}

#js-list-matiere{
	padding-bottom: 200px;
}