/* ============ setto i colori di ambinete ============== */
:root {
  --primary: #1ab394;
  --secondary: #2f4050;
  --primary-rgb: rgba(243, 112, 33, 0.2);
  --bluefolder: ##0090ff;
  --listini: #f53d56;
  --offerte: #cc8100;
  --test:#111111;
  --gray:#e7eaec;
  /*@sebas custom colors*/
  --danger: #ed5565;
  --success:#1c84c6;
  --info: #23c6c8;
  }
/* ============ / setto i colori di ambinete aaaaaaaaaaaa ============== */

.btn{
  outline: none !important;
  outline-offset: 0 !important;
}

/*
========= personalizzazione stili by cloudgroup ===========
*/
body{ color:#000000; }

.lista_odl_non_assegnati li.list-group-item{
    border-bottom: 1px solid #fff !important;
}

table.dati td{	padding: 3px;	}

.draggable{    cursor:move;    }

xxlabel { padding-top: 12px!important; }

label[for=GlobparamAttivaMessManager]{ padding-top: 0px!important; }
label[for=GlobparamMessaggiSoddisfazione]{ padding-top: 0px!important; }
label[for=GlobparamAttivaMessAvvImpianto]{ padding-top: 0px!important; }

.lista_legende{
  display: none;
}

.totali{
  font-size: 16px;
  color:#FF0000;
}


/* --- pricelists/view --- */
tr.partcomponent td{
  padding:8px 2px;
}
.partcomponent.active{
  color: #000000;
}

.accordion_head{
  padding: 8px;
  background-color: #f5f5f5;
  margin-bottom: 1px;
  cursor: pointer;
}


.modal-body table td{
  padding: 5px !important;
}

.modal-body table tr:nth-child(1){
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}


/* utility che simula le utility di bootstrap4 */
.d-none{ display:none }
.d-block{ display:block }
.m-auto{ margin:auto; }
.m-5{ margin:5em!important; }
.m-4{ margin:4em!important; }
.m-3{ margin:3em!important; }
.m-2{ margin:2em!important; }
.m-1{ margin:1em!important; }
.m-05{ margin:0.5em!important; }
.m-0{ margin:0em!important; }
.ml-0{ margin-left:0em !important; }
.ml-5{ margin-left:5em !important; }
.ml-4{ margin-left:4em !important; }
.ml-3{ margin-left:3em !important; }
.ml-2{ margin-left:2em !important; }
.ml-1{ margin-left:1em !important; }
.ml-05{ margin-left:0.5em!important; }
.mr-0{ margin-right:0em !important; }
.mr-05{ margin-right:0.5em!important; }
.mr-1{ margin-right:1em !important; }
.mr-2{ margin-right:2em !important; }
.mr-3{ margin-right:3em !important; }
.mr-4{ margin-right:4em !important; }
.mr-5{ margin-right:5em !important; }
.mt-5{ margin-top:5em !important; }
.mt-4{ margin-top:4em !important; }
.mt-3{ margin-top:3em !important; }
.mt-2{ margin-top:2em !important; }
.mt-1{ margin-top:1em !important; }
.mt-05{ margin-top:0.5em!important; }
.mt-0{ margin-top:0em !important; }
.mb-5{ margin-bottom:5em !important; }
.mb-4{ margin-bottom:4em !important; }
.mb-3{ margin-bottom:3em !important; }
.mb-2{ margin-bottom:2em !important; }
.mb-1{ margin-bottom:1em !important; }
.mb-05{ margin-bottom:0.5em!important; }
.mb-0{ margin-bottom:0em !important; }
.my-5{ margin-top:5em !important; margin-bottom:5em !important; }
.my-4{ margin-top:4em !important; margin-bottom:4em !important; }
.my-3{ margin-top:3em !important; margin-bottom:3em !important; }
.my-2{ margin-top:2em !important; margin-bottom:2em !important; }
.my-1{ margin-top:1em !important; margin-bottom:1em !important; }
.my-05{ margin-top:0.5em !important; margin-bottom:0.5em !important; }
.mx-0{ margin-left:0em !important; margin-right:0em !important; }
.my-05{ margin-left:0.5em !important; margin-right:0.5em !important; }
.mx-1{ margin-left:1em !important; margin-right:1em !important; }
.mx-2{ margin-left:2em !important; margin-right:2em !important; }
.mx-3{  margin-left:3em !important; margin-right:3em !important;  }
.mx-4{ margin-left:4em !important; margin-right:4em !important; }
.mx-5{  margin-left:5em !important; margin-right:5em !important; }
.p-05{ padding:0.5em!important; }
.p-5{ padding:5em!important; }
.p-4{ padding:4em!important; }
.p-3{ padding:3em!important; }
.p-2{ padding:2em!important; }
.p-1{ padding:1em!important; }
.p-0{ padding:0em!important; }
.pt-5{ padding-top:5em!important;} 
.pt-4{ padding-top:4em!important;} 
.pt-3{ padding-top:3em!important;} 
.pt-2{ padding-top:2em!important;} 
.pt-1{ padding-top:1em!important;}
.pt-05{ padding-top:0.5em!important;}
.pt-0{ padding-top:0em!important;}
.pl-5{ padding-left:5em!important;}
.pl-4{ padding-left:4em!important;}
.pl-3{ padding-left:3em!important;}
.pl-2{ padding-left:2em!important;}
.pl-1{ padding-left:1em!important;}
.pl-05{ padding-left:0.5em!important;}
.pl-0{ padding-left:0em!important;}
.pb-0{ padding-bottom:0em!important;}
.pb-05{ padding-bottom:0.5em!important;}
.pb-1{ padding-bottom:1em!important;}
.pb-2{ padding-bottom:2em!important;}
.pb-3{ padding-bottom:3em!important;}
.pb-4{ padding-bottom:4em!important;}
.pb-5{ padding-bottom:5em!important;}
.pr-0{ padding-right:0em!important;}
.pr-05{ padding-right:0.5em!important;}
.pr-1{ padding-right:1em!important;}
.pr-2{ padding-right:2em!important;}
.pr-3{ padding-right:3em!important;}
.pr-4{ padding-right:4em!important;}
.pr-5{ padding-right:5em!important;}
.py-5{ padding-top:5em!important; padding-bottom:5em!important; } 
.py-4{ padding-top:4em!important; padding-bottom:4em!important; } 
.py-3{ padding-top:3em!important; padding-bottom:3em!important; } 
.py-2{ padding-top:2em!important; padding-bottom:2em!important; } 
.py-1{ padding-top:1em!important; padding-bottom:1em!important; } 
.py-0{ padding-top:0em!important; padding-bottom:0em!important; } 
.py-05{ padding-top:0.5em!important; padding-bottom:0.5em!important; } 
.px-5{ padding-left:5em!important; padding-right:5em!important; } 
.px-4{ padding-left:4em!important; padding-right:4em!important; } 
.px-3{ padding-left:3em!important; padding-right:3em!important; } 
.px-2{ padding-left:2em!important; padding-right:2em!important; } 
.px-1{ padding-left:1em!important; padding-right:1em!important; } 
.px-05{ padding-left:0.5em!important; padding-right:0.5em!important; } 
.px-0{ padding-left:0em!important; padding-right:0em!important; } 
.w-100{ width:100% !important; }
.w-50{ width:50% !important; }
.w-0{ width:0% !important; }
.border{ border: 1px solid #cccccc; }
.border-top-0{ border-top: 0px; }
.border-left-0{ border-top: 0px; }
.border-bottom-0{ border-top: 0px; }
.border-right-0{ border-top: 0px; }
.text-nowrap{ white-space: nowrap; }
.text-dark{ color:#000000; }
.text-white{ color:#ffffff; }
.text-alert{ color:#ff0000; }
.text-primary{ color: var(--primary, red); }
.text-secondary{ color: var(--secondary, red); }
.text-bluefolder{ color: var(--bluefolder, red) !important; }
.text-gray{ color: var(--gray, red) !important; }
.bg-primary{ background:var(--primary, red) !important; }
.bg-secondary{ background-color:RGBA(26,179,148, 0.5);  }
.bg-white{ background-color:#ffffff;  }
.bg-black{ background-color: var(--gray, red);  }
.bg-gray{ background-color:#e7eaec;  }
.font-weight-bold{ font-weight: bold; }
.font-weight-normal{ font-weight: normal; }

.table-hover tr, .table-totali .boxtotalitd{ transition: all 0.30s ease 0s; }
.table-hover tr:hover, .table-totali .boxtotalitd.hoverable:hover{ background-color: #f1f1f1; }

.text-decoration-line-through{
  text-decoration: line-through !important;
}
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
/* FLEX-BOX */
.justify-align-center{
  justify-content: center;
  align-items: center;
}
.flex-row-wrap{
  flex-direction: row;
  flex-wrap: wrap;
}.no-wrap{
  flex-wrap: nowrap;
}
.wrap{
  flex-wrap: wrap;
}
.align-self-end{
  align-self: flex-end;
}
.align-self-start{
  align-self: flex-start;
}
.align-items-center{
  align-items: center;
}
.d-flex{
  display:flex;
}
.justify-center{
  justify-content: center;
}
.justify-evenly{
  justify-content: space-evenly;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-around{
  justify-content: space-around;
}
.justify-between{
  justify-content: space-between;
}
.flex-column{
  flex-direction: column;
}
.flex-row{
  flex-direction: row;
}
.gap-1{
    gap:0.5em;
}
.gap-2{
    gap:1em;
}
.gap-3{
    gap:1.5em;
}
.gap-4{
    gap:2em;
}
.gap-5{
    gap:2.5em;
}
.flex-grow{
  flex-grow: 1;
}
/* ----- tabella totali ----- */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}


.table-totali td, .table-totali .boxtotalitd{
    transition: background-color 0.30s ease 0s;
}

.table-totali td.active, .table-totali .boxtotalitd.active{
  background-image: url(/img/table-totali-td-active-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.table-totali td:hover, .table-totali .boxtotalitd.hoverable:hover{
    background-color:RGBA(26,179,148, 0.5) !important;
}

.table-totali td .ibox-content, .table-totali .boxtotalitd .ibox-content{
  background-color: transparent !important;
}

form .input{
  margin-top:10px;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  line-height: 1em !important;
}


/* alert dei prodotti clonati  */
#prodClonati ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* list no bullet  */
#prodClonati ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#prodClonati ul li{ float: left; margin-right:20px;  }



/* ====== tooltip - puro CSS no JS ====== */
.tooltip_wrapper {
  position: relative;
}
.tooltip_wrapper .tooltip_txt{
  display: none;
  width: 100%;
  white-space: normal;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  border-radius: 6px;
  padding: 5px;
  min-width: 120px;
  
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);

  position: absolute;
  z-index: 1;
  top: 100%;
}
.tooltip_wrapper:hover .tooltip_txt {
  display: inline-block;
}
.ui-tooltip {
  background-color: rgba(0,0,0,0.8) !important;
  color: #fff !important;
  text-align: center;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  border-radius: 0.5em !important;
}

.badge-circle {
  height: 22px;
  min-width: 22px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.navbar-center{
  float:none;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
}
#boxazioni_nav{
  margin: 0;
}
.card{
  position: relative;
}

.loading{
  text-align:  center;
  padding:50px 0px;
  color:#999999;
  background-image: url(/img/loading.gif);
  background-repeat:  no-repeat;
  background-position: top center;
  background-size:  contain;
}

/* coloro le facie laterali dellle sezioni LISTINI e OFFERTE */
.nav > li.menu_listini.active {
  border-left-width: 8px;
  border-left-color: var(--listini, red); /* colore laterale x i LISTINI*/
}

.nav > li.menu_offerte.active {
  border-left-width: 6px;
  border-left-color: var(--offerte, red); /* colore laterale x le OFFERTE*/
}

.cursor-pointer{
  cursor: pointer;
}


.product-desc.DRAFT, .ibox-content.DRAFT{
  background-image: url(/img/draft_status.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 35%;
}
.ibox-content.product-view.DRAFT{
  background-size: 10%;
}

.fa.fa-code-fork{
  transform: rotate(-180deg) !important;
}
/*cant select text inside*/
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.rotated {
  transform: rotate(180deg)
}
/** input with icon **/

/* 
  <div class="mt-1 input-with-icon">
    <i class="fa fa-search"></i>
    <input class="form-control">
  </div>
*/

.input-with-icon i {
  position: absolute;
  padding: 10px;
}

.input-with-icon input {
  padding-left: 30px;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slide_from_left {
  animation: slide-in-left 0.5s ease-in-out forwards;
}


.display-on-print{ display: none !important; }
@media print{
  .display-on-print{ display: block !important; }
}

@keyframes slide-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

[id^="workorder_dynamic_data_section"] td{
  padding: 10px;
  border: #E5E6E7 solid 1px
}


.modal-header .modal-alert{
  margin: 0 -15px -15px -15px;
  background-color: #FFD43B; 
  padding: 10px; 
  color: #000;
}

  .form-control-chosen .chosen-container-single .chosen-single span {
		display: block;
		overflow: hidden;
		margin-right: 26px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	.form-control-chosen .chosen-container-single .chosen-single div b {
		margin-top: 5px;
	}

	.form-control-chosen .chosen-container-single .chosen-single,
  .form-control-chosen .chosen-container-multi .chosen-choices {
		background: #ffffff;
		box-shadow: none;
		-moz-box-sizing: border-box;
		background-color: #FFFFFF;
		border: 1px solid #CBD5DD;
		border-radius: 2px;
		cursor: text;
		height: auto !important;
		margin: 0;
		min-height: 30px;
		overflow: hidden;
		padding: 4px 12px;
		position: relative;
		width: 100%;
	}