/*------------------- DATA TABLE DETAIL ----------------------*/

/*Data Table DETAIL ROW: Colora la riga della tabella in funzione dello stato dell'ordine
*/
.ready, .ready .scheduled-date, .UDM.selected, .LOTTO td.selected{
	background-color: LightGreen !important;
}

.ready.kit.part.visible{
	background-color: aquamarine !important;
}

.LOTTO.highlight{
	background-color: aquamarine !important;
}

.alert .scheduled-date{
	background-color: LightGoldenRodYellow !important;
}

.late .scheduled-date{
	background-color: LightGoldenRodYellow !important;
}

/* L'intesità di rosso è volutamente molto leggera, un colore pastello più carico potrebbe essere il LightPink*/
.error .scheduled-date{
	background-color: LightCoral !important;
}

.scheduling, .scheduling .scheduled-date{
	background-color: #f3f3f3 !important;
}

/* Stili per bancali che contengono l'articolo selezionato */
.contains-article {
	background-color: #ffe8cc !important;
	border-left: 4px solid #ff9933 !important;
}

/* Stili per righe di dettaglio che corrispondono all'articolo selezionato */
.article-match {
	background-color: #fff2e0 !important;
	font-weight: bold;
}

/* Assicurarsi che lo stile si applichi anche alle celle di questa riga */
.article-match td {
	color: #cc6600;
}

/*Colore Font*/
.error td{
	color: black;
}

.text-red {
	color: red;
	font-weight: 700;
}

.text-green{
	color:green;
	font-weight: 700;
}

.text-blue{
	color:blue;
	font-weight: 700;
}

.ghost{
	color: rgb(126, 126, 127);
}

.hidden{
	display:none;
}

.active-on-scheduling{
	display:none;
}

.active-on-ready{
	display:none;
}

.scheduling .active-on-scheduling{
	display:inline-block !important;
	color: #727272;
}

.ready .active-on-ready{
	display:inline-block !important;
	color: #727272;
}

.dataTable .ui-datatable-selectable .ui-state-highlight td, .dataTable .ui-datatable-selectable .ui-state-highlight tr, .dataTable tr.ui-state-highlight{
 	background-color: #d3d3d3 !important;
    z-index: 999;
    box-shadow: 0px 0px 10px #0000002a;
    transform: scale(1.0001);
    border: 1px solid #d9d8da;
}

th.text-blue{
	color:unset;
}

/*----------- HEADER TABELLA ---------------*/



.ui-datatable-header{
	min-height:40px !important;
}

.ui-datatable-header button.ui-button{
	padding: 2px 8px 2px 8px;
}

.ui-columntoggler .ui-columntoggler-item .ui-chkbox{
	top: 0 !important;
}

.inevasiDetailToggleColumns.ui-button-text-icon-left .ui-button-text {
	padding: .3em .3em .3em 1.5em !important;
}

.inevasiDetailToggleColumns .ui-button-icon-left.ui-icon.ui-c.icon-list-1{
	color:black !important;
	font-size:16px;
}

/*----------- CALENDARIO ---------------*/

/**Dimensione del campo input per data di calendario (richiesta modifica data approntamento)*/
.calendarInput input{
min-width:80px;
width: 100%;
}

/*intestazione date picker calendario*/
.ui-datepicker-header.ui-widget-header{
	background-color: lightgrey !important;
}

/* colore icone "frecce" date picker calendario*/
.ui-datepicker-header.ui-widget-header .ui-icon{
	color: black !important;
}

/*----------- FOOTER ---------------*/
/* Footer Buttons Fixed Bar*/
 .ui-datatable.fixedFooter .ui-datatable-footer{  
 position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    width: 100vw;
    text-align: center;
    background-color: #383838;
    padding: 10px;
    box-shadow: 1px -1px 10px darkgrey;
    transition: margin-bottom 0.5s ease-out;
    margin-bottom: -80px;
 }
 
 .showFooter{
 	margin-bottom:0px !important;
 }
 
 .hideFooter{
 	margin-bottom: -80px;
 }
 
/*------------------------ UI COMMON ELEMENTS ---------------------------*/

/* imposto il background del container dei tooltip a "trasparente" per corretta visualizzazione sopra altri elementi - massimiliano.camillucci 04/05/2021*/
.ui-tooltip{
	background-color: transparent !important;
	border: unset;
}

.button-padding{
	padding: 0.5em;
	margin:0.2em;
	border-radius: 3px;
	border: none;
	background-color: #fff;
	box-shadow: 1px 1px 2px #6c6c6c;
}


.line-through
{
	text-decoration: line-through !important;
}

.italic{
	font-style: italic !important;
}

.ui-dialog .ui-dialog-titlebar{
	background-color: #007bff !important;
}

.capitalized {
    text-transform: capitalize !important;
}

.vertical-padding {
	padding-top: 5px;
	padding-bottom: 5px;
}

.vertical-margin {
	margin-top: 5px;
	margin-bottom: 5px;
}

.truncate {
  width: 50px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.underline {
	text-decoration: underline;
}

.margin-left{
	margin-left:30px;
}

.fix-width-300{
	width: 300px;
	min-width:200px;
}

.center{
	text-align:center;
}

.enabled{
	color:green;
}

.disabled{
	color:red;
}

.light-grey{
	color: lightgrey;
}

.deleted{
    cursor:not-allowed;
    opacity:0.3;
}
/*------OVERRIDE WIZARD--------*/
   .wizard .label {
        width: 20%;
        padding: 4px;
    }

    .wizard .value {
        width: 80%;
        padding: 4px;
    }

    .wizard .grid {
        width: 100%;
    }

    .wizard .error {
        color: red;
    }

    .wizard .outputLabel {
        font-weight: bold;
    }

    .wizard .grid {
        width: 33%;
        padding: 4px;
    }

 /*---------TABS STEPS --------*/
    
    .ui-steps.custom {
 margin-bottom: 30px;
}
.ui-steps.custom .ui-steps-item .ui-menuitem-link {
 height: 10px;
 padding: 0 1em;
}
.ui-steps.custom .ui-steps-item .ui-steps-number {
 background-color: #0081c2;
 color: #FFFFFF;
 display: inline-block;
 width: 30px;
 border-radius: 10px;
 margin-top: -10px;
 margin-bottom: 10px;
 margin-bottom: 10px;
}

 /*---------------CUSTOM FORMS---------------*/
 
 .ordineInfoPanel .quantita input {
 max-width:60px;
 }
 
.form-block{
 background-color: #fbf8f8;
 padding: 5px;
 margin-top:5px;
 margin-bottom:5px;
 border-radius:2px;
 }
 
 .form-outer-block{
 background-color: #fbf8f8;
 padding: 5px;
 }
 
 /*
 .form-block.company{
  background-color: #f1f0f0;
 }*/
 
 .label-with-icon:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
  margin-left:2px;
  font-size:15px;
  opacity:0.8;
 }
 
  .label-with-icon{
  font-family: "Roboto",Helvetica,Arial,sans-serif !important;
  font-weight: bold;
  font-size:14px;
  }
  
  .ql-toolbar{
  background-color: #f9f9f9;
  }
  
  .ql-container{
  background-color: white;
  }
  
  label{
  margin-bottom:0px; 
  }
  
  button.submit.custom.form.blue{
  background-color: #007bff ;
  color:white;
  }
  
  .ml-form {
  margin-left: 3px;}
  
  .mr-form {
  margin-right: 3px;}
  
  .toolbar {
      background-color: #f7f7f7;
    border: #e7e7e7 1px solid;
    box-shadow: #ededed 2px 2px 5px;
}}
  
  /*----UDMS----*/
  tr.evadibile{
  	/* Styles for evadibile rows, if any, otherwise remove this empty rule */
  }
  
  tr.request{
   background-color: #FFD580; /* Orange/Yellow for UDM with requests */
  }

  /* Stili per l'evidenziazione dei bancali e articoli nella TreeTable */
  .js-selected-bancale > td {
      background-color: #cceeff !important; /* Azzurro chiaro per bancale selezionato direttamente */
  }
  
  .js-correlated-bancale > td {
      background-color: #e6f7ff !important; /* Azzurro molto chiaro per bancale correlato */
  }
  
  .js-kit-member-bancale > td {
      background-color: #fff0b3 !important; /* Giallo paglierino per bancale membro di un KIT */
  }
  
  /* Nuova classe per l'evidenziazione degli articoli corrispondenti nei nodi foglia */
  .js-article-match > td {
      background-color: #d6f5d6 !important; /* Verde chiaro per articoli corrispondenti */
  }
  
  /* Stili aggiuntivi per migliorare la leggibilità se necessario */
  .js-selected-bancale > td,
  .js-correlated-bancale > td,
  .js-kit-member-bancale > td,
  .js-article-match > td {
      /* font-weight: bold; */ /* Opzionale: rendi il testo in grassetto */
      transition: background-color 0.3s ease; /* Transizione fluida del colore di sfondo */
  }
  
  .linkTable td.ui-datagrid-column{
  	border: none;
  	padding: 0px !important;
  }
  
  .ui-tree-table th .w50{
  width:50px !important;
  }
  
  .ui-tree-table th .w70{
  width:70px !important;
  }
  
  .ui-tree-table th .w100{
  width:100px !important;
  }
  
  
  /*----TREE TABLE CUSTOMISATION-----*/
  
.ui-treetable .ui-treetable-toggler{
	padding-right: 3px;
}
	  
 .ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection{
   padding: 0 3px;
  }
  
  /*-----DATA TABLE CUSTOMISATION-------*/
  .data-table-inline-button span{
  display:none;
  }
  .data-table-inline-button:before{
  margin:2px !important;
  }
  
  .listAll.allegati,  .listAll.allegati .ui-datatable-tablewrapper{
  min-height: unset !important;
  }
  
  
  .listPreventivi .ui-datatable-tablewrapper{
  min-height: unset;
  }
  
  .ui-datatable-sticky.ui-sticky{
  top: 50px !important;
  }
  
  .ui-datatable-sticky{
    z-index:999 !important;
  }
  
  .ui-datatable.hideHeader thead{
  display:none;
  }
  
  .ui-column-filter{
    display:none !important;
  }
  
  .dataTable .ui-datatable-even {
    background-color: #f7f7f7;
}


/*----- DATA TABLE ALLEGATI*/
.ui-datatable.listAll.allegati .ui-datatable-even, 
.ui-datatable.listAll.allegati .ui-datatable-odd {
	background-color: white;
}

.ui-datatable.listAll.allegati td.fileName, .asanaTaskId, .noWrap{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.add-attachment .ui-fileupload-buttonbar{
	text-align:end;
}

.add-attachment .ui-button{
	margin: 5px 0px;
}

.ui-fileupload-files{
	margin: 0px !important;
}
  
 /*_____CHATBOT_____*/
 #bp-web-widget, #bp-widget{
 z-index:9999;
 }
 
.bpw-widget-btn{
	background-color:#fe0017;
}

button.bpw-floating-button{ 
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
	border-radius: 50px;
}
 
 
/*-----FIELDSET-------*/
.ui-fieldset{
	padding: 5px 5px!important;
	margin-bottom: 10px;
}

.ui-fieldset .ui-fieldset-legend
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ui-fieldset-content{
    font-size: 13px;
    color: #929292;
    font-style: italic;
}

/*-----ACCORDION------*/
.accordion .ui-accordion .ui-accordion-header{
	background-color: #767676;
}

.accordion .ready.ui-accordion .ui-accordion-header{
	background-color: #007bff !important;
}


.accordion .accepted.ui-accordion .ui-accordion-header{
	background-color: #1dbc64 !important;
}

.ready.button.iconButton .ui-icon:before{
	color: #007bff !important;
}

.disabled.button.iconButton .ui-icon:before{
	color: #9c9c9c !important;
}

.accordion .ui-accordion .ui-accordion-content{
	border-color:#767676;
	padding: 0px !important;
}

.accordion{
	vertical-align: baseline;
}

.align-center{
	text-align:center;
}

.accordion .export-button{
	padding:5px !important;
	margin:5px !important;
}

.accordion .ui-accordion-header {
	text-align:left;
}

.lotti table tbody tr td {
	min-height: 30px !important;
}

/*-----PANEL GRID CELL ----*/
.ui-panelgrid .ui-panelgrid-cell{
	padding: 5px 5px !important;
}

/*-----MESSAGES-----*/
.ui-growl{
	min-width: 400px;
}

/*-----ANIMATIONS---*/
.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 6s infinite linear;
}

/*-----CUSTOM STYLES FOR BANCALI-----*/
.js-selected-bancale td { /* Apply to cells for better visibility */
    background-color: #FFD700 !important; /* Gold */
    font-weight: bold !important;
}

.js-correlated-bancale td { /* Apply to cells */
    background-color: #ADD8E6 !important; /* LightBlue */
}

.js-kit-member-bancale td { /* Apply to cells */
    background-color: #E0E0E0 !important; /* Light gray */
    /* font-style: italic !important; */ /* Optional: further differentiate KIT members */
}

/* Stili per l'evidenziazione dei bancali nella TreeTable */
.js-selected-bancale > td {
    background-color: #cceeff !important; /* Azzurro chiaro per bancale selezionato direttamente */
}

.js-correlated-bancale > td {
    background-color: #e6f7ff !important; /* Azzurro molto chiaro per bancale correlato */
}

.js-kit-member-bancale > td {
    background-color: #fff0b3 !important; /* Giallo paglierino per bancale membro di un KIT */
}

/* Nuova classe per l'evidenziazione degli articoli corrispondenti nei nodi foglia */
.js-article-match > td {
    background-color: #d6f5d6 !important; /* Verde chiaro per articoli corrispondenti, coerente ma distinto */
    /* Esempio alternativo: un giallo più tenue se preferito per coerenza con KIT */
    /* background-color: #fff9e6 !important; */ 
}

/* Stili aggiuntivi per migliorare la leggibilità se necessario */
.js-selected-bancale > td,
.js-correlated-bancale > td,
.js-kit-member-bancale > td,
.js-article-match > td {
    /* font-weight: bold; */ /* Opzionale: rendi il testo in grassetto */
    transition: background-color 0.3s ease; /* Transizione fluida del colore di sfondo */
}

/* Stili per l'intestazione delle informazioni della riga selezionata */
.selected-row-info {
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	border-radius: 6px !important;
	margin-bottom: 15px !important;
}

.selected-row-info .info-label {
	font-size: 13px;
	font-weight: 600;
	color: #495057;
	padding: 4px 8px;
	min-width: 90px;
}

.selected-row-info .info-value {
	font-size: 13px;
	font-weight: 500;
	padding: 4px 8px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #e9ecef;
}

/* ================== LOADER DIALOG BANCALI ================== */
/* Loader bloccante per il dialog dei bancali */
.bancali-dialog-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(255, 255, 255, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
}

.bancali-dialog-loader .loader-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
}

.bancali-dialog-loader .loader-content {
	text-align: center;
	padding: 30px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #e9ecef;
}

.bancali-dialog-loader .loader-content i {
	color: #007bff;
	margin-bottom: 15px;
}

.bancali-dialog-loader .loader-content p {
	margin: 0;
	font-size: 14px;
	color: #495057;
	font-weight: 500;
}

/* Nasconde il contenuto durante il caricamento */
.bancali-dialog-loading .ui-dialog-content > *:not(.bancali-dialog-loader) {
	opacity: 0.3;
	pointer-events: none;
}