:root{
	--hop:#234C50;
	--hop-sec:#438E8E;
    --hop-o:#E9790B;
    --hop-g:#F0AE2A;
    --hop-sfondo1:#edf2f2;
    --hop-sfondo2:#F8FAFA;
    --hop-sfondo-verde-room: #efefef;
    --hop-sfondo-verde-leggero: #e8efef;
    --hop-sfondo-verde-medio: #B9D5D5;
    --hop-chatonline:#38c538;
    --hop-chatinactive:gray;
    --hop-grey:#BBC4C4;
    --hop-red: red;
    --hop-redmc: #b30000;
}

.highlight {
  background-color: var(--hop-o);
  background-image: linear-gradient(to right, var(--hop-o) 0%, var(--hop-g) 100%);
}

.ui-widget-overlay {
  background: var(--hop-chatinactive);
  opacity: .50;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  background: url(../img/freccia-giu.svg) 98% / 0.6rem no-repeat;
}

/* [tooltip][title]:not(span){
  background: url(../img/message-alert-white.svg) 98% / 1rem no-repeat;
}

[tooltip][title]:not(.lable){
  background: url(../img/message-alert-white.svg) 98% / 1rem no-repeat;
}

[tooltip]:not(span){
  background: url(../img/message-alert-white.svg) 98% / 1rem no-repeat;
}

[tooltip]:not(.nav-link){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
}

#ui-id-7{
  background-color: transparent;
}

.collapsed{
  background-color: transparent;
}

[title]{
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
} */

/* th[tooltip]{
  background: url(../img/message-alert-white.svg) 98% / 1rem no-repeat;
} */
.tipo_LAYOUTRPT {
  background-color: #F8FAFA
}

span[tooltip]{
  image-rendering: url(../img/message-alert-outline.svg) 110% / 1rem no-repeat;
  width: 110%;
}

span[tooltip].noimage{
  image-rendering: none;
}

/* span[title]{
  background: url(../img/message-alert-outline.svg) 110% / 1rem no-repeat;

} */

.btn-autorizza[a]{
  background: url(../img/message-alert-outlet.svg) 98% / 1rem no-repeat;
}

.btn-autorizza[a].noimage{
  background: none;
}

/* td:not(.ns_azioni) {
  background: url() 98% / 1rem no-repeat;
}

td:not([tipo="TDSELECTIZE"]) {
  background: url() 98% / 1rem no-repeat;
} */

/* td[tooltip]:not(i,[tipo="ACTIONS"]){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
} */

/* td[title]:not(i){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
} */

input[tooltip]{
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
}

input[title]{
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
}

textarea[tooltip]{
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
}

textarea[title]{
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
}

input[tooltip].noimage{
  background: none;
}

input[title].noimage{
  background: none;
}

textarea[tooltip].noimage{
  background: none;
}

textarea[title].noimage{
  background: none;
}

/* [title]:not(span){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat;
} */

/* [tooltip]:not(span){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat
}

tr [tooltip]:not(span){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat
}

tr [tooltip]:not(tabts-cel){
  background: url(../img/message-alert-outline.svg) 98% / 1rem no-repeat
} */
/* .tabts-cel .report_desc {
  background-color: #ffffff;
} */

/* .report_desc {
  background-color: #000000;
} */ 

.select-control .select-input {
  background: url(../img/freccia-giu.svg) 100% / 0.6rem no-repeat;
}

.selectize-control .selectize-input{
  background: url(../img/freccia-giu.svg) 100% / 0.6rem no-repeat !important;
}
input[free="S"] ~ .selectize-control .selectize-input {
  background: url(../img/freccia-giu-doppia.svg) 100% / 0.6rem no-repeat !important;
}
input[selectize2="S"][disabled] + .selectize-control .selectize-input {
  background: none !important;
}

.selectize-control.single .selectize-input:after {
  display:none;
}


h4 {
  color: var(--hop);
}

h5 {
  color: var(--hop);
}

input:invalid {
  box-shadow: none;
}

a {
    color: var(--hop);
	font-weight: 400;
}

a:hover{
	color: var(--hop);
	font-weight: 800;
}

#accordionSidebar{
    margin-top:64px;
    /* min-height: 10rem; */
}

.noevent { pointer-events: none; }

.fededontyousee {
  color:#75ABAB;
}
.container-fluid, .contain-navbar-nav {
    max-width: calc(100% - 270px);
    /* max-width: none; */
}

/*
override sb admin 2
*/
.colorato{
  background-color: var(--hop);
}

.colorato-giallo{
  background-color: var(--hop-g);
}

#menuCommesseNew .colorato-giallo {
  min-height: 9vh;
}

table tr td:nth-child(8) {
  width:auto;
}
/* H-BOM */
div#articolibom .input-hbom{
  min-height: 25px !important;
  max-height: 75px !important;
  font-size: 0.8rem !important;
}
div#articolibom .search{
  font-size: 0.8rem;
  height: 22px;
  margin-left: 1rem;
}
div#container-tabelle-metel-e-distributori .search {
  font-size: 0.8rem;
  height: 22px;
  margin-left: 1rem;
}
div#container-tabelle-lotti-e-sottolotti .search {
  font-size: 0.8rem;
  height: 22px;
  margin-left: 1rem;
}
div#articolibom th{
  font-size: 0.8rem;
}
div#articolibom .tabts-input{
  font-size: 0.6rem !important;
}
div#articolibom .pagination{
  font-size: 0.85rem;
}
div#articolibom .pagination .next-prev{
  height: 1.4rem;
  width: 1.4rem;
  margin-top: 2px;
}
/* End H-BOM */

li#nome-azienda-sel h6 {
  color: var(--hop);
}
/*  CSS for BOM tree*/
#articolibom div#bomtree {
  overflow-y: auto;
  min-height: 30rem;
  max-height: 80vh;
  scrollbar-width: thin;
  scrollbar-color: var(--hop-sec) transparent;
}
#articolibom div#bomtree::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
#articolibom div#bomtree::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
  /* border-radius: 10px; */
}
#articolibom div#bomtree::-webkit-scrollbar-thumb:hover {
  background-color: var(--hop);
}

#main-wurth div#wurthtree {
  overflow-y: auto;
  min-height: 30rem;
  max-height: 80vh;
  scrollbar-width: thin;
  scrollbar-color: var(--hop-sec) transparent;
}
#main-wurth div#wurthtree::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
#main-wurth div#wurthtree::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
  /* border-radius: 10px; */
}
#main-wurth div#wurthtree::-webkit-scrollbar-thumb:hover {
  background-color: var(--hop);
}
div#bomtree li.hide{
  display: none;
}
div#bomtree li.show{
  display: block;
  /* font-size: 0.48rem; */
  font-size: 0.55rem;
  text-transform: uppercase;
}
div#bomtree [tipo="generictree"] li.show i:before{
  /* font-size: 0.48rem; */
  font-size: 0.55rem;
  text-transform: uppercase;
}

div#bomtreex li.hide{
  display: none;
}
div#bomtreex li.show{
  display: block;
  font-size: 0.48rem;
  text-transform: uppercase;
}
div#bomtree ul.tree li.comps:before{
  height: 1.5rem;
}
ul.tree, ul.tree ul {
  list-style: none;
   margin: 0;
   padding: 0;
 } 
 ul.tree ul {
   margin-left: 10px;
 }
 ul.tree li {
   /* margin: 0; */
   margin-left: 0.3rem;
   padding: 0 7px;
   line-height: 15px;
   color: var(--hop);
   font-weight: bold;
   border-left:1px solid var(--hop-o);
 }
 ul.tree li:last-child {
     border-left:none;
 }
 ul.tree li:before {
    position:relative;
    top:-0.3em;
    /* height:0.6em; */
    padding-bottom: 0.6rem;
    width:12px;
    color:white;
    border-bottom:1px solid;
    border-bottom-color: var(--hop-o);
    content:"";
    display:inline-block;
    left:-7px;
 }
 ul.tree li:last-child:before {
    border-left:1px solid var(--hop-o);   
 }
 /* CSS for BOM tree END */
 /* other tree (Conto Lavorazione Components) */
 div#treecomps li.hide{
   display: none;
 }
 div#treecomps li.show{
   display: block;
 }
 /* other tree (Conto Lavorazione Components) END */
 /* other tree (EDITBOM TREE) */
 #EDITBOM div#bomtreex {
    overflow-y: auto;
    /* min-height: 30rem;
    max-height: 50.5vh; */
    height: 50vh;
    scrollbar-width: thin;
    scrollbar-color: var(--hop-sec) transparent;
  }
  #EDITBOM div#bomtreex::-webkit-scrollbar {
    background-color: transparent;
    width: 7px;
  }
  #EDITBOM div#bomtreex::-webkit-scrollbar-thumb {
    background-color: var(--hop-sec);
    /* border-radius: 10px; */
  }
  #EDITBOM div#bomtreex::-webkit-scrollbar-thumb:hover {
    background-color: var(--hop);
  }
  #EDITBOM #bomtreex p {
    font-size: 0.6rem;
  }
  #EDITBOM [tipo="contComposizione"] td div[data-value] {
    white-space: pre-wrap;
  }
 /* other tree (EDITBOM TREE) END */
/* other tree (PARMS TREE) */
  div#contParmsTree p, div#contParmsTree i:before {
    font-size: 0.7rem;
  }
/* other tree (PARMS TREE) END */
/* other tree (PREVENTIVO TREE) */
#ComponentDetail div[tipo="generictree"] li.show {
  font-size: 0.7rem;
}
#ComponentDetail div[tipo="generictree"] li:before {
  top: 0;
}
/* other tree (PREVENTIVO TREE) END */

 /*****  CSS for generic tree *****/
div[tipo="generictree"] li.hide{
  display: none;
}
div[tipo="generictree"] li.show{
  display: block;
  font-size: 0.55rem;
  line-height: 1.1;
  text-transform: uppercase;
}
div[tipo="generictree"] i:before {
  position: relative;
  /* top: 0.1rem; */
  /* left: 0.3rem; */
  /* padding-left: 0.3rem; */
  /* font-size: 0.75rem; */
  font-size: 0.55rem;
}
div[tipo="generictree"] li input{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /* border-color: var(--hop); */
  /* border-width: 1px; */
  border: 0px;
  background-color: #EDF2F2;
  color: #438E8E;
  /* font-size: 15px; */
  font-size: 0.7rem;
  padding: 1px 10px;
  font-weight: 600;
  /* padding-left: 0.5rem; */
}
div[tipo="generictree"] .onDroppableOverTree{
  border: 1px solid var(--hop);
}

div[tipo="generictree"] .tree li div {
  margin-left: 0.6rem;
  margin-top: -0.5rem;
}

div[tipo="generictree"] ul.tree li.daassegnare:before{
  height: 1.5rem;
}
div[tipo="generictree"] ul.tree li.daassegnare > div > i.iho:before{
  display: none;
}
 /***** END CSS for generic tree *****/

#LOTTI_SOTTOLOTTI tr.tipo_CAPITOLO td {
  font-weight: normal;
  background-color: #F8FAFA;
}

.titoli-affincati .right-box input {
  font-weight: normal !important;
}

.row-for-form .box.inputbianco .form {
  background-color: var(--hop-sfondo2);
}

.fixed-row {
  position: sticky;
  top: -1rem;
  z-index: 13;
  background-color: white;
}

  /*-- @GF CSS relativo al Calendario Hopperix --*/
  
.fc-head-container, .fc-widget-header, .fc-list-heading{
  background-color: #75ABAB;
  color: white;
  border-radius: 8px 8px 0px 0px !important;
}
#my-calednder, .fc-scroller{
  border-radius: 8px !important;
}
.fc-left .fc-prev-button{
  background-color: #54777B;
  color: white;
  background: #54777B;
  border-color: #54777B;
  padding: 0rem;
  height: 2.3rem;
  margin-bottom: 0.2rem;
}
.fc-left .fc-next-button{
  background: #54777B;
  background-color: #54777B;
  color:white;
  border-color:#54777B;
  padding: 0rem;
  height: 2.3rem;
  margin-bottom: 0.2rem;
}
.fc-left .fc-today-button{
  background-color: #54777B;
  color: white;
  border-color: transparent;
  border: none;
  margin-bottom: 1rem;
  padding-left: 0.1rem;
  padding: 0rem;
  height: 2.3rem;
  margin-bottom: 0.2rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.fc-left .fc-today-button.fc-button:disabled{
    opacity: 1;
}
.fc-button-primary:not(:disabled){
  background-color: #B2CECB;
  color: #54777B;
  border-color: transparent;
  border: none;
}

.fc-left{
  display: flex;
  margin-top: 1rem;
}

.fc-day-header, .fc-widget-header{
  padding-top: 0.3rem;
}
.fc-center{
  color: var(--hop);
}
.fc-unthemed td.fc-today{  /*Cambia colore di sfondo SOLO del giorno attuale*/
  background:var(--hop-sfondo-verde-leggero);
}
.fc-list-heading,.fc-widget-header{
  background-color: #75ABAB !important;
  color: white;
  border-radius: 8px 8px 0px 0px !important;
  height: 18px;
 
}
.fc-listWeek-view .fc-widget-content{
  padding: 5px 10px 0px 5px !important;
  height: 1.5rem !important;
}

.fc-day-grid-event {
  cursor: pointer;
}

/* .fc-day-grid-event[tipo=VISITA], .fc-day-grid-event[tipo=CORSO], .fc-day-grid-event[tipo=CORSONOMOD] {
  cursor: default;
} */

.alertPulse{
  animation: pulse-animation 0.75s infinite; 
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #E9790B99;
  }
  100% {
    box-shadow: 0 0 0 10px #E9790B00;
  }
}

.alertPulseHop {
  animation: pulse-animation-hop 0.75s infinite; 
}

@keyframes pulse-animation-hop {
  0% {
    box-shadow: 0 0 0 0px yellow;
  }
  100% {
    box-shadow: 0 0 0 10px #234C5000;
  }
}
 #bottoneSalvaCalendario{
  margin-right: 0.4rem !important;
  /* margin-bottom: -1rem; */
  position: absolute;
  right: 10px;
  top: 0px;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active{
  background-color: #54777B;
  border-color: #54777B;
}
.fc-toolbar { 
  text-transform: capitalize; 
}
.fc th {
  text-align: center;
  text-transform: capitalize;
}
.fc-button-group{
  display: flex;
}
 .fc-right .fc-button-group{
  margin-left:0.5rem; padding: 0rem; height:1.6rem; margin-bottom:0.2rem;
  background-color: #B2CECB;
    /* display: table; */
    width: 100%;
    border-radius: 10px;
    margin: 20px 0;
}
.fc-right .fc-button-group .fc-button-primary{
  padding-top:0.3rem;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  text-transform: uppercase;
}

.fc-right .fc-button-group .fc-button-primary.fc-button-active{
display: table-cell;
    color: white;
    background-color: #54777B;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 2px 0;
    border-radius: 10px;
    background-color: #54777B;
    border-color: #54777B;
}
.fc-right .fc-button-group .fc-button-primary{
display: table-cell;
    color: #54777B;
    font-size: 12px;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    text-align: center;
    padding: 2px 0;
    border-radius: 10px;
    background-color:transparent;
    border-color:transparent;
    border:none;
} 
[tipo="trasferta"] .divdettaglio th {
  padding-top: 5px;
}
#scadenzaCalendario{
  width: 130% !important; 
  margin-left: 0.2rem !important;
}
div#my-calednder .fc-title {
  color: white;
}
/*--- @GF CSS related to the app calendar  ---*/
@media  screen and (max-width: 1280px) and (orientation: landscape){ 
  #scadenzaCalendario{
    width: 130% !important; 
    margin-left: 0.2rem !important;
  }
 }
 @media screen and (max-width: 1280px){
  #attivita-calendario{
    margin-left: -0.1rem !important;
    margin-right: 1.1rem;
    padding: 0rem;
    margin-top: 1rem;
  }
 }
 @media screen and (max-width: 1280px){
  #bottoneSalvaCalendario{
    margin-right: 0.4rem !important;
    /* margin-bottom: -1rem; */
    position: absolute;
    right: -0.3rem !important;
    top: 0px;
  }
 }
 @media screen and (max-width: 1280px){
  #bottoneAggiungiEvento{
    display: none;
  }
 }
@media  screen and (max-width: 1280px) { 
  .fc-today-button{
    /* margin-top: 0.1rem !important;
    margin-left: 0rem !important; */
    margin-bottom: 1rem !important;
  }
 }
@media  screen and (max-width: 1280px) { 
  .fc-scroller{
    height: auto !important;
  }
 }
@media screen and (max-width: 1280px) { 
  .new-contact-button-container{
    /* margin-top: 1rem !important; */
    margin-left: 0.01rem !important;
  }
 }

@media  screen and (max-width: 1280px) { 
  .fc-timeGridDay-button{
    margin-left: 0rem !important;
    margin-bottom: 0.5rem !important;
  }
 }
 
@media  screen and (max-width: 1280px) { 
  .fc-dayGridMonth-button{
    margin-left: 0rem !important;
    margin-bottom: 0.5rem !important;
  }
 }
 
@media  screen and (max-width: 1280px) { 
  .fc-listWeek-button {
    /* margin-bottom: 0.5rem !important; */
    margin-left: 0rem !important;
    /* padding-left: 0.2rem !important; */
  }
 }
 
@media  screen and (max-width: 1280px) { 
  .fc-right{
    float: right !important;
    width: min-content !important;
    display: grid !important;
  }
 }
 @media  screen and (max-width: 1280px) { 
  .fc-center{
    /* margin-right: 1.7rem !important ; */
    font-size: smaller;
  }
 }
@media  screen and (max-width: 1280px) { 
  .fc-list-heading-alt{
    padding-right: 0.7rem !important;
    border-radius: 8px 8px !important;
  }
 }

/* --- css relativi al calendar --- */
.calendar .day-list .box .color-verde-medio {
  background-color: #75ABAB;
}

.memo ul li::before {
  content: "\2022";
  color: #E9790B;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.memo ul li.rosso::before {
  content: "\2022";
  color: #F00;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.memo ul li.arancione::before {
  content: "\2022";
  color: #E9790B;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.memo ul li.giallo::before {
  content: "\2022";
  color: #F0AE2A;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.memo ul li.verdechiaro::before {
  content: "\2022";
  color: var(--hop-sfondo-verde-medio);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.memo ul li.verde::before {
  content: "\2022";
  color: #438E8E;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* .titoli-affincati .save-yellow {
  position: relative;
  transform: none;
  top: 0px;
  right: 0px;
  display: block;
  margin-left: 10px;
}
.save-yellow {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #F0AE2A;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.titoli-affincati .save-yellow img {
  width: 15px;
  height: 15px;
  margin-left: 4px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
} */

.gritter-close {
  right: 0px;
  left: unset;
  text-indent: unset;
  color: var(--hop);
  text-decoration: none !important;
}

.authorize a:not([href]):not([tabindex]) {
  color: white;
}

.bigxpopup{
  font-size: 0.9rem;
}

.bigxpopup i {
  font-size: 0.9rem !important;
}

#msgnotify {width: 24rem; height: auto; background-color: #234c50; color: white; display: none; z-index: 99; position: absolute; top: 10%; right: calc(50% - 12rem); padding: .5rem; /* box-shadow: 0.3rem 0.3rem 0.5rem #888888; */}
#msgnotify .dlg-header {height: 2rem; border-bottom: 1px solid white; margin: 0; color: #F0AE2A; }
#msgnotify .dlg-title {font-size: 1.5rem;}
#msgnotify .dlg-img {font-size: 1.5rem; margin: 0 1rem;}
#msgnotify .dlg-msg {font-size: 1rem; padding: .2rem;}
#msgnotify .dlg-btn-panel {border-top: 1px solid white;}
#msgnotify .dlg-btn {float: right; width: 4rem; border-left: 1px solid white; padding-top: .25rem; height: 1.5rem; text-align: center; color: white; text-decoration: none;}
#msgnotify .dlg-btn:hover {color:#F0AE2A;}

.msgBannerRight {width: 12rem; height: auto; background-color: white; color: #234c50; display: none; position: absolute; top: 1rem; right: 1rem; border: 1px solid #234c50; vertical-align: middle; padding: .2rem;}
.msgBannerRight .rgt-btn {position: absolute; top: 0; right: 0; color: #333333; background-color: white; text-decoration: none; font-size: .8rem;}
.msgBannerRight .rgt-btn:hover {color: #F0AE2A;}
.msgBannerRight .rgt-body {font-size: 1rem; color: #234c50; width: 100%;}
.msgBannerRight .rgt-body img {width: 10rem; margin: .5rem;}

.titoli-affincati .save-yellow {
  position: relative;
  transform: none;
  top: 0px;
  right: 0px;
  display: block;
  margin-left: 10px;
  color: white;
  text-decoration: none !important;
}
.save-yellow {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #F0AE2A;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.mustang {
  color: var(--hop-o);
  font-size: 20px;
}

.form-control {
  font-size:0.7rem;
  line-height: 1;
}
.nav-tabs {
  /* border-bottom: 1px solid #dddfeb; */
  border-bottom: none;
}

.disnone{
  display:none;
}

.sidebar.toggled {
    width: unset!important;
}
.grande{
  height: 3rem;
}

.bottone-minimizza{
    border-radius: 20px;
    height: 24px;
    width: 24px;
    background-color: #F0AE2A;
    -webkit-transition: all ease-in-out 0.3s;
       -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
         -o-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s;
}
.bottone-minimizza .mdi:before{
    position: relative;
    right: 2px;
}
button.bottone-minimizza{
    border: 0;
    color: white;
}
.bottone-minimizza:hover{
    background-color: #E9790B;
}
/*.titoli-affincati{
    justify-content: inherit;
} 
.right-box{
    padding-left: 52%;
}*/

.btn-primary {
	color: #fff;
	background-color: var(--hop);
	/*background-color: #4e73df;
	border-color: #4e73df;*/
	border-color:var(--hop-o);
  }

  .btn-primary:hover {
	color: #fff;
	background-color: var(--hop-o);
	border-color: var(--hop);
  }
  
  .btn-primary:focus, .btn-primary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #4e73df;
	border-color: #4e73df;
  }  


  button .btn {
	display: inline-block;
	font-weight: 400;
	color: #858796;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.35rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  }
  /* colore label sopra le etichette */
  .row-for-form label{
    color: var(--hop);
  }

  table tbody tr:hover td {
    border-bottom-color: var(--hop-o);
  }

  table tr td {
      width:auto;
      line-height: 1.0;
  }

  table tr td.tdbasso {
      height: min-content;
  }

  table tr td:nth-child(4) {
    width: auto;
}
.overflow-table {
    overflow-x: auto;
}

table .title-row thead, table .title-row thead td {
  background-color: #75ABAB;
  height: 50px;
  color: #FFF;
}

table .title-row tbody, table .title-row tbody td {
  background-color: #F8FAFA;
  color: #000;
  height:auto;
}

table .title-row tbody tr.close-row td, table .title-row tbody tr.close-row td {
  background-color: #75ABAB;
  height: 15px;
  color: #FFF;
}

table .title-row tbody tr.close-rowMC td, table .title-row tbody tr.close-rowMC td {
  background-color: #75ABAB;
  height: 0;
  color: #FFF;
}

.segnaposto {
  width: calc(100%);
  float: left;
  overflow: hidden;
  /* height: 24px; */
  border-top-left-radius: 12.5px;
  border-bottom-left-radius: 12.5px;

  /* width: auto;
  overflow-y: hidden;
  overflow-x: scroll; */
}


.wrap-segnaposto .box {
  width: auto;
}
.utilizzosmall {
  font-size: 1rem;
  color: var(--hop);
}

h6, .h6 {
    font-size: 1.4rem;
    /* font-size: 25px; */
}

.card-body {
    padding: 0.2rem;
}

.breadcrumb{
    background-color: var(--hop-sfondo2);
}

.breadcrumb i{
    
    font-size: 1.6rem;
    color: var(--hop);
    font-weight: 900;
}

.breadcrumb-item.active {
    color: var(--hop);
    font-weight: 900;
}


.wrap-segnaposto {
	height: 24px;
	background-image: url(../img/back-arrow.svg);
	background-repeat: no-repeat;
	background-position: right center;
	display: flex;
	position: relative;
	margin: auto;
	-webkit-border-top-left-radius: 12.5px;
	-webkit-border-bottom-left-radius: 12.5px;
	-moz-border-radius-topleft: 12.5px;
	-moz-border-radius-bottomleft: 12.5px;
	border-top-left-radius: 12.5px;
	border-bottom-left-radius: 12.5px;
	overflow: hidden;
}
.wrap-segnaposto .box{
	display: flex;
	flex-grow: 1;
	width: auto;
	position: relative;
	-webkit-transform: translateX(14px);
	transform: translateX(14px);
	-webkit-justify-content: space-between;
	justify-content:         space-between;
		-webkit-transition: all ease-in-out 0.3s;
		   -moz-transition: all ease-in-out 0.3s;
			-ms-transition: all ease-in-out 0.3s;
			 -o-transition: all ease-in-out 0.3s;
				transition: all ease-in-out 0.3s;
}
.wrap-segnaposto .box.nonattivo{
    pointer-events: none;
}
.wrap-segnaposto .box .mybody{
	padding-left: 20px;
	padding-right: 45px;
	background-color: #CBD7D7;
	font-size: 16px;
	color: #FFF;
	white-space: nowrap;
	font-weight: 700;
	-webkit-width: calc(100% - 14px);
	width: calc(100% - 14px);
}
	.wrap-segnaposto .box:nth-child(1){
		-webkit-transform: translateX(-14px);
		transform: translateX(-14px);
	}
	.wrap-segnaposto .box:nth-child(2){
		-webkit-transform: translateX(-28px);
		transform: translateX(-28px);
	}
	.wrap-segnaposto .box:nth-child(3){
		-webkit-transform: translateX(-42px);
		transform: translateX(-42px);
	}
	.wrap-segnaposto .box:nth-child(4){
		-webkit-transform: translateX(-56px);
		transform: translateX(-56px);
	}
	.wrap-segnaposto .box:nth-child(5){
		-webkit-transform: translateX(-70px);
		transform: translateX(-70px);
	}
	.wrap-segnaposto .box:nth-child(6){
		-webkit-transform: translateX(-84px);
		transform: translateX(-84px);
	}
	.wrap-segnaposto .box:nth-child(7){
		-webkit-transform: translateX(-98px);
		transform: translateX(-98px);
	}
	.wrap-segnaposto .box:nth-child(8){
		-webkit-transform: translateX(-112px);
		transform: translateX(-112px);
	}
	.wrap-segnaposto .box:nth-child(9){
		-webkit-transform: translateX(-126px);
		transform: translateX(-126px);
	}
	.wrap-segnaposto .box:nth-child(10){
		-webkit-transform: translateX(-140px);
		transform: translateX(-140px);
	}
.wrap-segnaposto .box .arrow{
	width: 14px;
	height: 25px;
	background-image: url(../img/arrow-off.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.wrap-segnaposto .closer .arrow {
	width: 14px;
	height: 25px;
	background-image: url(../img/arrow-end.png) !important;
	background-size: cover;
	background-repeat: no-repeat;
}
/*.wrap-segnaposto .box:hover {
	cursor: pointer;
}*/
.wrap-segnaposto .box:hover .mybody {
	background-color: #CBD7D7;
}
.wrap-segnaposto .box:hover .arrow {
	background-image: url(../img/arrow-off.png);
}

.wrap-segnaposto .selected.active .mybody {
	background-color: #E6920A;
}
.wrap-segnaposto .selected.active .arrow {
	background-image: url(../img/arrow-selected.png);
}

.wrap-segnaposto .closer.selected.active .mybody {
  background-color: #E6920A;
}
.wrap-segnaposto .closer.selected.active .arrow {
	background-image: url(../img/arrow-selected.png);
}

.wrap-segnaposto .closer.selected .mybody {
  background-color: #F0AE2A;
}
.wrap-segnaposto .closer.selected .arrow {
  background-image: url(../img/arrow-hover.png); 
  background-size: cover;
}


.wrap-segnaposto .selected .mybody {
	background-color: #F0AE2A;
}
.wrap-segnaposto .selected .arrow {
  background-image: url(../img/arrow-hover.png);
  background-size: cover;
}

.wrap-segnaposto .closer .mybody,
.wrap-segnaposto .closer:hover .mybody {
	background-color: #CBD7D7;
}

.wrap-segnaposto .closer .arrow,
.wrap-segnaposto .closer:hover .arrow {
	background-image: url(../img/arrow-off.png);
}

/*.wrap-segnaposto .firster .mybody {
	background-color: #F0AE2A;
}*/
.wrap-segnaposto .firster .arrow,
.wrap-segnaposto .firster:hover .arrow {
	background-image: none;
}

.wrap-segnaposto .active:hover,
.wrap-segnaposto .selected:hover{
	cursor: pointer;
}

.wrap-segnaposto .closer.active:hover .mybody,
.wrap-segnaposto .active:hover .mybody,
.wrap-segnaposto .selected:hover .mybody{
	background-color: #E6920A;
}
.wrap-segnaposto .closer.active:hover .arrow,
.wrap-segnaposto .active:hover .arrow,
.wrap-segnaposto .selected:hover .arrow {
	background-image: url(../img/arrow-selected.png);
}

/* --- WRAP SEGNAPOSTO VERDE --- */
.wrap-segnaposto .box:hover .mybody.verde {
	background-color: #CBD7D7;
}
.wrap-segnaposto .box:hover .arrow.verde {
	background-image: url(../img/arrow-off.png);
}

.wrap-segnaposto .selected.active .mybody.verde {
	background-color: #234C50;
}
.wrap-segnaposto .selected.active .arrow.verde {
	background-image: url(../img/arrow-selected-verde.png);
}

.wrap-segnaposto .selected .mybody.verde {
	background-color: #438E8E;
}
.wrap-segnaposto .selected .arrow.verde {
	background-image: url(../img/arrow-hover-verde.png);
}

.wrap-segnaposto .closer .mybody.verde,
.wrap-segnaposto .closer:hover .mybody.verde {
	background-color: #CBD7D7;
}

.wrap-segnaposto .closer .arrow.verde,
.wrap-segnaposto .closer:hover .arrow.verde {
	background-image: url(../img/arrow-off.png);
}

.wrap-segnaposto .firster .arrow.verde,
.wrap-segnaposto .firster:hover .arrow.verde {
	background-image: none;
}

.wrap-segnaposto .active:hover .mybody.verde,
.wrap-segnaposto .selected:hover .mybody.verde{
	background-color: #234C50;
}
.wrap-segnaposto .active:hover .arrow.verde,
.wrap-segnaposto .selected:hover .arrow.verde {
	background-image: url(../img/arrow-selected-verde.png);
}

.dropdown-menu{
  z-index:102;
}

.authorize .btn-autorizza {

	line-height: inherit;
    height: auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    color:#FFF;
    cursor:pointer;

}
/* .authorize .btn-autorizza:hover{
  cursor:pointer;
} */

.pointer{
  cursor:pointer;
}
.cursor-default{
  cursor:default!important;
}

.more-info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0; 
  height: 0; 
  display: block;
  border-right: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-top: 0.6rem solid var(--hop);
}

.fs-more-info-parent .fs-more-info {
  border-left: 9px solid var(--hop);
  border-bottom: 9px solid transparent;
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: zoom-in;
}

.container, .container-fluid {
    padding: 80px 20px 0 20px;
}


.row-for-form .box {
    width:auto;
}

.row-for-form .form-group {
    display:block;
    overflow:visible;
}

#ComponentDetail [tipo="composizione"] table td div[data-value] {
  white-space: pre-wrap;
}

#ComponentDetail table tr.close-row {
  display: none;
}

#ComponentDetail table tr.close-rowMC {
  display: none;
}

tr.tipo_CAPITOLO td {
  font-weight: bolder;
  background-color: var(--hop-sfondo-verde-leggero);
}



tr.tipo_VOCEDAPREV_LOTTOESPANSO td, tr.tipo_VOCEDAPREV_LOTTOESPANSO input {
  font-weight: bolder;
  background-color: var(--hop-sfondo-verde-leggero);
}

tr.tipo_CAPITOLO td div:not([tipo="RICERCHE"]) tr td {
  font-weight: normal;
  background-color: #F8FAFA;
}



tr.tipo_CAPITOLO input{
  font-weight: bolder;
}

tr.tipo_ROOM td {
  font-weight:500;
 /*  background-color: var(--hop-sfondo-verde-room);  */
}
tr.tipo_ROOM input{
  font-weight: 700;
}


[tipo="SINTCOMPONENTI"] tr.tipo_PREVENTIVO input, [tipo="SINTCOMPONENTI"] tr.tipo_PREVENTIVO td {
  font-weight: 800;
}

input.data-prev {
  background: none;
  border: none;
  color: white;
  font-weight: 700;
}
input[type="date"].data-prev::-webkit-inner-spin-button,
input[type="date"].data-prev::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}


[tipo="SINTCOMPONENTI"] tr.tipo_CAPITOLO input {
  font-weight: normal;
}

tr.tipo_CHIUSURAUTENTE .tabts-input {
  font-weight: 700;
}
.selectize-input {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}
.btn{
  font-size: 0.7rem;
  line-height: 1.0;
}

.selectize-control.single .selectize-input {
  cursor: pointer;
  /* height: 0.85rem; */
  height: 1rem;
  font-size: 15px;
  width: 100% !important;
}
table .selectize-control.single .selectize-input, table .selectize-control.single .selectize-input input {
  cursor: pointer;
  height: unset;
  font-size: 15px;
  width: 100% !important;
}
/* @FS per selectize con placeholder troppo lungo, così non va sopra la freccetta */
.selectize-control.single .selectize-input input {
  width: calc(100% - 20px) !important;
}
/* .selectize-control.single .selectize-input:after, .selectize-control.multi .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 0.1rem;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: px 5px 0 5px;
  border-color: var(--hop) transparent transparent transparent;
} */

.selectize-control.single .selectize-input:after {
  border: none;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent var(--hop) transparent;
}

.selectize-control.form-control.form div[data-value] {    /* per non far andare il testo delle selectize sopra la freccetta a destra */
  max-width: 97%;
}

/* .selectize-control.single .selectize-input, .selectize-dropdown.single { */
  .selectize-control.single .selectize-input {
     border-color: none;
     border:0 !important;
     background: transparent ;
     box-shadow: none;
     box-sizing: unset;
     -webkit-box-sizing:unset;
     /* margin-top: 3px; */
     margin-top: 1px;
   /*   z-index:11; */
}

.selectize-control.plugin-remove_button .remove-single {
  display: none;
}

.selectize-dropdown {
  z-index:12;
  min-width: 10rem;
}
.selectize-dropdown.single {
    background-color:var(--hop-sfondo1);
}

.selectize-input{
    background: transparent !important;
}

.selectize-input input::placeholder{
    color: #858796;
    opacity: 1;
    font-weight: normal;
}
/* .selectize-input > input {
    padding: 1px !important;
} */

.selectize-input  {
    padding: 1px !important;
}


.form-control::placeholder {
  color: #858796;
  opacity: 1;
  font-weight: normal;
}
.form-control {
    height: auto;
}

.row-for-form .form-group:first-child {
    padding-top: 0px;
}

.row-for-form .form-group {
    margin-bottom: 0px;
    padding-top: 0px;
}


select.form-control.form {
 
  background-color: var(--hop-sfondo-verde-medio);
  color:white;
  max-height: 26px;
}

/*input:focus{
   border:0;
   border-color:red;
}*/

/**
small calendar
*/

.calendarsmall {
	width: 85%;
	margin: 0px auto;
}
.calendarsmall .current {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	max-width: 200px;
	margin: 0px auto;
}
.calendarsmall .current-mouth {
	color: #000;
	font-weight: 700;
}

.calendarsmall .arrow img {
	height: 11px;
}
.calendarsmall .arrow-reverse {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.calendarsmall .day .week {
	display: flex;
	margin: 5px 0px 0px 0px;
	line-height: 0.1rem;
}
.calendarsmall .day .week .box {
	width: 14.28%;
	text-align: center;
	color: #000;
	font-size: 12px;
	height: 0.01rem;
}

.calendarsmall .day-list {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}
.calendarsmall .day-list .box {
	width: 14.28%;
	text-align: center;
	margin-bottom: 3px;
}
.calendarsmall .day-list .box .circle {
	border: 3px solid #000;
	width: 20px;
	height: 20px;
	border-radius: 13px;
	color: #000;
	font-size: 10px;
	text-align: center;
	display: block;
	margin: 0px auto;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.calendarsmall .day-list .box .circle:hover {
	background-color: #B9D5D5;
	cursor: pointer;
}
.calendarsmall .day-list .box .deactive {
	opacity: 0.25;
}
.calendarsmall .day-list .box .color1 {
	background-color: #EDBD40;
}
.calendarsmall .day-list .box .color2 {
	background-color: #E9790B;
}




tr .td-actions.ui-resizable {
    position:inherit!important;
}

td .selectize-control {
    position: unset!important; 
}

.tabts-cel .form-control{
    padding: 0.1rem 0.1rem;
    border:none;
    background-color: transparent;
    font-size: 0.7rem!important;
}

.lavorazione .selectize-dropdown, .listres_motivazione .selectize-dropdown, 
.sca_desc_scad .selectize-dropdown, .spesa_tipospesa .selectize-dropdown,
.artrend_motivazione .selectize-dropdown, .richmat_annoriferimento .selectize-dropdown{
    width: 300px !important;
    background-color: var(--hop-sfondo2);
    white-space:normal;
}

.tabts-cel .selectize-dropdown {
  background-color: var(--hop-sfondo2);
  font-size:0.6rem;
  white-space:normal;
}

th .ui-icon-gripsmall-diagonal-se{
    display:none!important;
}

.form-control:focus {
    border-color: red;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow:none;
 
  }

  .form-control{
      font-weight: 600;
  }

  .selectize-control.multi .selectize-input > div {
  
    background-color: #D4DEDF;
}

.selectize-control.multi .selectize-input [data-value] {
    background-color: #D4DEDF;
}

.selectize-control.multi .selectize-input [data-value] {
     display: inline-block;
    background-color: #D4DEDF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #000;
  /*  height: 20px;
    line-height: 20px;*/
    height: auto;
    line-height: auto;
    font-size: 10px;
    font-weight: 400;
    padding: 0px 25px 0px 10px;
    text-align: left;
    background-image: url(../img/icona-delete-download.svg);
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 14px;
    /* -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; */
}

.ECSredText input{ color:red } 
.ECSredText span{ color:red } 

.selectize-control.multi .selectize-input [data-value].active {
  /* background-color: var(--hop);
  background-image: -moz-linear-gradient(top, var(--hop), var(--hop));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--hop)), to(var(--hop)));
  background-image: -webkit-linear-gradient(top, var(--hop), var(--hop));
  background-image: -o-linear-gradient(top, var(--hop), var(--hop));
  background-image: linear-gradient(to bottom, var(--hop), var(--hop));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); */
  /* ALE HA VOLUTO COSI COM'È SCRITTO IN BASSO, SE LO SI VUOLE COME PRIMA SCOMMENTARE QUANTO SOPRA */
  display: inline-block;
  background-color: #D4DEDF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  height: auto;
  line-height: auto;
  font-size: 10px;
  font-weight: 400;
  padding: 0px 25px 0px 10px;
  text-align: left;
  background-image: url(../img/icona-delete-download.svg);
  background-repeat: no-repeat;
  background-position: right 3px center;
  background-size: 14px;
  border:none;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    top: -3px;
    border-left: none;
    color: transparent;
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  top: -3px;
  border-left: none;
  color: white;
}

.pus-yellow {
  background-color: #E9790B;
  width:24px;
  height: 24px;
  border-radius: 50%;
}

.pus-yellow img{
  width:24px;
  height: 24px;
}
.selectize-control.multi .selectize-input > div {
   
    /* border: 1px solid #0073bb;*/
    border:none; 
}

.selectize-input {
    /* border: 1px solid #d0d0d0; */
    border:none;

    box-shadow:none;
    -webkit-box-shadow:none;
}


.selectize-control.form {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 0px;
}
.row-for-form .box .selectize-control.form{
    /* padding-top: 1px; */
    padding-bottom: 1px;
    margin-bottom: 0px;
    line-height: 0.8;
}

.row-for-form .box .selectize-control.form.single {
  height: 26px;
}

.row-for-form .box .form.form-calendar {
  height: 26px;
}

.form-calendar {
  color: #214757 !important;
}

/* spostiamo il date-picker... nelle tabelle sta un po più a destra rispetto al calendarietto che mettiamo noi... */
.tabts-cel input.form.form-calendar::-webkit-calendar-picker-indicator {
  margin-right: 10px;
}

.form-time{
  color: #214757 !important;
  background-color: #B9D5D5!important;
  background-image: url(../img/clock-regular-white.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {
  opacity: 0;
}

input[type="time"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-inner-spin-button {
  opacity: 0;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-inner-spin-button {
  opacity: 0;
}

.form-group label {
  width: 100%;
}

textarea.form-control[rows="1"] {
  height: 26px;
}

textarea.form-control.form {
  padding-top: 1% !important;
}

.wrap-documents .space-upload {
    background-image: url(../img/icona-upload.svg);
    background-repeat: no-repeat;
    background-position: center top 35px;
}

.wrap-documents .space-upload .authorize {
    margin-top: 70px;
}

.wrap-documents .space-upload2 {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  /* background-color: #EDF2F2; */
  -webkit-border-radius: 13px;
  border-radius: 13px;
  /* min-height: 170px; */
  /* padding: 15px 15px 100px 15px; */
  /* padding: 15px; */
  text-align: center;
  background-image: url(../img/icona-upload.svg);
  background-repeat: no-repeat;
  background-position: center bottom 65px;
  background-size: 15px;
  /* background-size: 50px; */
}

.wrap-documents .space-upload2 {
  /* background-image: url(../img/icona-upload.svg);
  background-repeat: no-repeat;
  background-position: center top 5px; */
}

.wrap-documents .space-upload2 .authorize {
  /* margin-top: 40px; */
  /* margin-top: 25px; */
  margin-top: 3px;
}

.ui-widget {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
iframe.wysihtml5-sandbox {
  width: 100% !important;
}
.wysihtml5-editor p {
    font-weight: 400;
}

.wrap-documents{
    flex-wrap: wrap;
    flex-flow: wrap;
}

.wrap-documents .box {
    margin-bottom:20px;
}

.run-state{
  padding: 1.25rem;
}

[tipo="mainContDashAcquisti"] {
  overflow-y: auto;
  max-height: 61rem;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

[tipo="mainContDashAcquisti"]::-webkit-scrollbar {
  width: 2px;
  background-color: var(--hop);
}

[tipo="mainContDashAcquisti"]::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}
/**
TopHeader
*/
 .ml-auto-r {
    margin-left: auto;
    float: right;
}

.header-icon{
font-size: 1.5rem;
color: var(--hop);
}  
/* Cards */
.card-header>.card-tools {
    position: absolute;
    right: 1rem;
    top: .5rem;
}


.navbar-expand .navbar-nav {
    padding: 0px 1.5rem;
}

.topbar .nav-item .nav-link {
    height: 4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
	padding: 0 0.30rem;
    /* padding: 0 0.75rem; */
}
.mr-3 {
     margin-right: 0.4rem !important; 
}

.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
    height: 1.8rem;
    width: 1.8rem;
    margin-left: 0.5rem;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  background-image: url(../img/hpiu.svg);
	background-repeat: no-repeat;
	background-size: 12px;
  /* background-position: left+32px top+12px; */
  background-position: left+32px top+6px;
}
.sidebar .nav-item .nav-link span {
  font-size: 0.78rem;
  display: inline;

  margin-top: 0.2rem;
  margin-left: 0.3rem;
}
.sidebar .nav-item .nav-link { /* @GD: richiesto da Mauro per avere la sidebar più stretta */
  /* padding: 0.3rem 1rem; */
  padding: 0.3rem 0.5rem;     /* per far stare le scritte un po' più lunghe */
}

/* per spostare un po' le freccette nella sidebar */
@media (min-width: 768px){
  .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
    padding-left: 0.3rem
  }
}


/* Icone */
.icona-clienti {
	background-image: url('/hopperix/Icone/Clienti e Fornitori.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 22px;
	width: 40px;
}

.icona-preventivi {
	background-image: url('/hopperix/Icone/Preventivi.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 22px;
	width: 40px;
}

.icona-ordini-forn {
	background-image: url('/hopperix/Icone/Ordini Fornitori.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 22px;
	width: 40px;
}

.icone-menu   {
	font-family: 'hopsymbol';
	font-style: normal;
	margin-right: 1rem;
	height: 22px;
	width: 30px;
	color: rgba(255, 255, 255, 0.8);
}

.icone-menu-iho   {
	font-family: 'icomoon';
	font-style: normal;
	margin-right: 2.0rem;
	height: 22px;
	width: 30px;
	color: rgba(255, 255, 255, 0.8);
}

.icone-menu-app   {
	font-family: 'hopsymbol';
  font-style: normal;
  line-height: unset!important;
	/* margin-right: 1rem;
	height: 22px;
	width: 30px; */
	color: white;
}

.hop-card {
  background-color: var(--hop-sfondo-verde-medio);
  padding: 0.3rem;
  width: 100%;
}

[tgvista="LISTAARTICOLIDDTFORNITORE"] table td img[src="/hopperix/Icone/bobina.svg"] {
  height: 0.8rem;
  width: 0.8rem;
}

[tgvista="LISTAARTICOLIDDTFORNITOREEXT"] table td img[src="/hopperix/Icone/bobina.svg"] {
  height: 0.8rem;
  width: 0.8rem;
}

.sidebar-dark .nav-item .nav-link i.icone-menu {
	font-size: 1.4rem;
    color:rgba(255, 255, 255, 0.8);
    margin-top:-0.4rem;
}

.sidebar-dark .nav-item .nav-link i.icone-menu-iho {
	font-size: 1.4rem;
	color:rgba(255, 255, 255, 0.8);
	margin-top:-0.4rem;
	/* margin-left:-0.2rem; */
}

i.new.title {
  font-size: 1.4rem;
  height: 1.4rem;
  margin-left: 1rem;
}

.legenda .box .numeration {
    -webkit-border-radius: 10px;
    border-radius: 15px;
    color: #FFF;
    height: auto;
    min-width: auto;
    text-align: center;
    font-weight: 700;
    margin-right: 5px;
    line-height: 1rem;
    font-size: 0.7rem;
    padding: 0px 5px;
}

/* input.form:disabled,input.form-time:disabled{
  background-color: var(--hop-grey)!important;
  color:white!important; 
} */

/**
placeholder
*/


  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--hop-o);
    opacity: 1; /* Firefox */
    font-weight: normal;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--hop-o);
  }

  /* ::-webkit-input-placeholder {
    color: #858796!important;
    opacity: 1!important;
    font-weight: normal!important;
  }
  ::-moz-placeholder {
    color: #858796!important;
    opacity: 1!important;
    font-weight: normal!important;
  }
  :-ms-input-placeholder {
    color: #858796!important;
    opacity: 1!important;
    font-weight: normal!important;
  }
  ::placeholder {
    color: #858796!important;
    opacity: 1!important;
    font-weight: normal!important;
  } */


/**
Tabelle
*/
th {
  /*  width: 12.5%;*/
    padding: 0px 4px;
   /* height: 30px; */
   height:20px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
	font-size: 0.9rem;
	font-weight: 400;
}

thead {
  vertical-align: top;
}

table tr td {
	/*   width: 12.5%;*/
	   padding: 0px 4px;
	 /*  height: 30px;*/
	   border-right: 1px solid #DDDDDD;
	   border-bottom: 1px solid #DDDDDD;
	   font-size: 15px;
   }

[tgvista="CLIENTECONTATTI"] table tr td {
	/*   width: 12.5%;*/
	   padding: 0px 4px;
	  height: 17px;
	   border-right: 1px solid #DDDDDD;
	   border-bottom: 1px solid #DDDDDD;
	   font-size: 15px;
   }
   
[tgvista="LISTAATTIVITAPIAN"] table tr td span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.td-actions {
	/*max-width:3rem;*/
	min-width:60px;
}

.tabazioni{
	font-size: 1.5rem;
    margin-left: 40%;
    width: 1rem;
}
/**
Footerapp
*/ 
.footermsg {
    width: 100%;
   
    position: fixed;
    bottom: 0.0rem;
    display: inline;
    border-top: var(--hop-bottone-sfuggente);
    border-top-width: thin;
    border-top-style: solid;
    font-size: 0.7rem;
    color: var(--hop);
    background: var(--hop-sfondo1);
    max-height: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    z-index:2;
}
.msgs{
	text-align: left;
    float: left;
    margin-left: 0.2rem;
    margin-top: 0.25rem;
    flex-wrap: wrap;
	width: 80%;
	overflow:hidden;
}
.fsep{
    border: var(--hop-bottone-sfuggente);
    border-width: thin;
    /* width: 0.1rem; */
    display: inline-flex;
    border-style: solid;
    height: 1.0rem;
    /* overflow: visible; */
    margin-top: 0.25rem;
	
}
.ficons{
	display: inline;
    /* float: right; */
    /* margin-right: 0.3rem; */
    margin-left: 0.3rem;
    /* text-align: center; */
    text-align: left;
}
.footer-icon{
	font-size: 1.0rem;
	color: var(--hop);
	}  

/**
Dal passato
*/

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-radius: 8px;
}
.ui-widget-header {
    background: var(--hop);
 }

 /********* DIALOG ********/
 .ui-dialog .ui-dialog-title {
   color:#fff;
   min-height: 16px;
}
/* .ui-dialog .ui-dialog-titlebar-close {
  background-color: var(--hop-sfondo-verde-medio);
  border-color: var(--hop-sfondo-verde-medio);
  border-radius: 100%;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background-color: var(--hop-sfondo-verde-medio);
  border-color: var(--hop-sfondo-verde-medio);
  border-radius: 100%;
}
.ui-dialog .ui-dialog-titlebar-close:focus {
  background-color: var(--hop-sfondo-verde-medio);
  border-color: var(--hop-sfondo-verde-medio);
  border-radius: 100%;
} */
/* .ui-button .ui-icon{
  background-image: url(../img/x-nera.png);
  background-position: center;
  background-size: 73% 73%;
}
.ui-button .ui-icon:hover{
  background-image: url(../img/x-nera.png);
  background-position: center;
  background-size: 73% 73%;
}
.ui-button .ui-icon:focus{
  background-image: url(../img/x-nera.png);
  background-position: center;
  background-size: 73% 73%;
} */
/******** END DIALOG *********/

.Icon2 {
    height: 30px;
    width: 30px; 
    border-radius: 3px 3px 3px 3px; 
    margin-right: 0px;
    margin-top: 0px;
   /* background: #ffaa12;*/
    fill: #fff;
  	stroke: steelblue;
  	stroke-width: 1.5px;
}
.Icon3 {
    height: 20px;
    width: 20px; 
    border-radius: 3px 3px 3px 3px; 
    margin-right: 0px;
    margin-top: 0px;
   /* background: #ffaa12;*/
    fill: #fff;
  	stroke: steelblue;
  	stroke-width: 1.5px;
}
.Icon4 {
    height: 15px;
    width: 15px; 
    border-radius: 3px 3px 3px 3px; 
    margin-right: 0px;
    margin-top: 0px;
   /* background: #ffaa12;*/
    fill: #fff;
  	stroke: steelblue;
  	stroke-width: 1.5px;
}
.Icon5 {
    height: 10px;
    width: 10px; 
    border-radius: 3px 3px 3px 3px; 
    margin-right: 0px;
    margin-top: 0px;
   /* background: #ffaa12;*/
    fill: #fff;
  	stroke: steelblue;
  	stroke-width: 1.5px;
}	

.tabts-cel, .tabts-celh {
    height: 15px; 
    vertical-align: middle; 
    white-space: nowrap; 
    /*overflow: hidden; */
   /* padding: 2px 0px;*/ 
    color: #444444; 
    border-bottom: 1pt solid #DDDDDD; 
    border-left: 1pt solid #DDDDDD; 
    color: #000000; 
    font-weight: normal;
    text-align: left;
    font-size: 0.6rem;
}

:focus{
    outline: none;
}

input:focus {
    outline:var(--hop-o);
}

select:focus {
    outline:var(--hop-o);
}

.tabts-celh{
    max-width: 80px;
}
.tabts-celh {font-weight: bold; border-top: 1pt solid #BBBBBB; border-bottom: 1pt solid #BBBBBB;}
.tabts-input {
    /*font-size: 13px; */
    font-size:0.7rem!important;
    border: 0px; 
    text-align: left; 
	  background: transparent;
	  white-space:normal;
    /*width: 25px; */
	  padding: 1px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
.tabts-input::-webkit-outer-spin-button, .tabts-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea.tabts-input {
  width: 100%;
}

.tabts-cel .selectize-control {
  
	white-space:normal;
    /*width: 25px; */

}
.table td.indent0{
    padding-left:4px;
    font-weight: 400;
}
.table td.indent1{
    padding-left:15px;
    font-weight: 400;
}
.table td.indent2{
    padding-left:30px;
    font-weight: 400;
}
.table td.indent3{
    padding-left:45px;
    font-weight: 400;
}
.table td.indent4{
    padding-left:60px;
    font-weight: 400;
}
.table td.indent5{
    padding-left:75px;
    font-weight: 400;
}
.table td.indent6{
    padding-left:75px;
    font-weight: 400;
}
.table td.indent7{
    padding-left:75px;
    font-weight: 400;
}
.table td.indent8{
    padding-left:75px;
}


td.descrizione, td.ricerca_libera, td.cap_luogo, td.sintcomp_descr{
   /*  min-width:400px; */
   min-width:30rem;
}

 td.sintcomp_descr{
  /*  min-width:400px; */
  min-width:15rem;
}
td.lavorazione {
  /*   min-width:200px; */
  min-width:10rem;
}
td.codice {
    /* min-width: 100px; */
    min-width:6rem;
}
td.cod_art_produttore {
   /*  min-width: 150px; */
   min-width:6rem;
}
td.um, th.um  {
    max-width: 40px;
}
td.tipo_manodopera, th.tipo_manodopera{
    max-width: 70px;
}
td.qta, td.costo_unitario, td.manodopera, td.npezzi, td.costo_listino,
td.manodopera_totale, td.costo_totale, td.costo_totale_manodopera,
td.costo_orario, td.costo_unitario_manodopera, td.costo_totale_manodopera,
td.ricarico, td.prezzo_unitario, td.prezzo_totale, td.prezzo_unitario_manodopera,
td.prezzo_totale_manodopera, td.costo_spese_trasferta, td.sconto,td.difficolta {
    max-width: 80px;
}
th.qta, th.costo_unitario, th.manodopera, th.npezzi, th.costo_listino,
th.manodopera_totale, th.costo_totale, th.costo_totale_manodopera,
th.costo_orario, th.costo_unitario_manodopera, th.costo_totale_manodopera,
th.ricarico, th.prezzo_unitario, th.prezzo_totale, th.prezzo_unitario_manodopera,
th.prezzo_totale_manodopera, th.costo_spese_trasferta, th.sconto {
   /* max-width: 80px;*/
}
td.stato_prodotto, td.tipocosto, td.lavorazione {
    max-width: 100px;
}
th.stato_prodotto, th.tipocosto, th.lavorazione {
    max-width: 100px;
}

td .selectize-dropdown, td .selectize-input, td .selectize-input input, td .selectize-input div {
 font-size:0.7rem;
  line-height: 1; 
  white-space: nowrap;
}

/* td:focus-within {
  background-color:var(--hop-sfondo-verde-medio)!important;
}
 */
 td:has(> span > input:focus) {
  background-color: var(--hop-sfondo-verde-medio)!important;
 }
.actbtn{
	font-size:2rem;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.6 !important;
    text-decoration: none;
    pointer-events: none;
  }

  /**
easy tabs
*/
.simple-tab { font-size: 14px; }

.simple-tab>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.simple-tab>ul>li {
  cursor: pointer;
  display: inline-block;
  /*background-color: #666;*/
  background-color: var(--hop-o);
  color: white;
  padding: 5px 10px;
  border-radius: 8px 8px 0 0;
}

.simple-tab>ul>li.active {
  /*background-color: #fafafa;*/
  background-color:  var(--hop);
  color: white;
}

.simple-tab>ul>li.disabled {
    background-color: lightgray;
    color: white;
  }

.simple-tab>div {
  padding: 10px 20px;
  /*background-color: #fafafa;*/
  background-color: var(--hop-sfondo2);
  color: initial;
  border-radius: 0 8px 8px;
}

.simple-tab>div>div { display: none; }

.simple-tab>div>div.active { display: block; }


.fc table {
  overflow: visible;
}


/*
    btree
  */

  .tbox {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
  }
  
  .tbox::before {
    content: "\2610";
    color: black;
    display: inline-block;
    margin-right: 6px;
  }
  
  .tbox-checked::before {
    content: "\2611"; 
    color: dodgerblue;
  }
  #btree ul {
    list-style-type: none;
  }
  
  #btree li {
    /*  margin:10px;
      padding:10px;*/
      list-style-type: none;
  }

  .nested {
    display: none;
  }
  
  .tactive {
    display: block;
  }

  /* --- CHECKBOX --- */
  .custom-checkbox {
    border: solid 1px #87B6B6;
    border-radius: 3px;
    /* height: 20px;
    width: 20px; */
    height: 12px;
    width: 12px;
    background-color: #C9DEDE;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

  .custom-tick {
    height: 20px;
    /* width: 15px; */
    background-image: url(../img/icona-check2.svg);
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: contain;
    margin: -3px;
  }

  .custom-checkbox.disbled {
    border-color:lightgray;
    pointer-events: none;
  }

  .span-checkbox {
    /* margin-left: -15%; */
    color: #234C50;
    font-weight: 700;
    position: relative;
    /* bottom: 4px; */
  }

  .bottone-trasparente {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
    padding: 0;
  }

  .authorize .btn-autorizza.btn-color-ar-scuro {
    background-color: #E9790B;
  }

  .authorize .btn-autorizza.btn-color-grey {
    background-color: var(--hop-grey);
    color:white;
  }

  .authorize .btn-autorizza.btn-color-ar-scuro.active {
    background-color: #438E8E;
  }

  .authorize .btn-autorizza.btn-color-ar-scuro:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #F0AE2A;
  }

  .authorize .btn-autorizza.btn-color-ar-scuro:active {
    background-color: #438E8E;
  }

  div[tipo="main-ogg"] {
    border: 1px solid #B9D5D5;

  }

  .widget-user-header {
    padding: 1rem;
  }

  .widget-user-2 .widget-user-username {
    margin-left: 75px;
  }

  #svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  
  .linea{
    stroke-width:2px;
    stroke:rgb(0,0,0);
  }

  /* .authorize .btn-autorizza.btn-color-ar-scuro:focus {
    background-color: #438E8E;
  } */

.PopupDispInMagazzino{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.bottoncino{
  padding: 0.3rem;
  background-color: var(--hop-o);
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
}

.ECSerrore {
    background-color: rgb(245, 121, 90) !important;
}
.ECSforzatura{
    background-color: rgb(191, 228, 142) !important;
}
.ECSwarning{
    background-color: rgb(226, 224, 68) !important;
}
.ECSarancione {
  background-color: var(--hop-o);
}
.ECSverdeleggero {
  background-color: var(--hop-sfondo-verde-leggero);
}
.rigagrigia{
    background-color:lightgray;
}

td.leg_smart{
  background-color:transparent;
  height: 1.5rem;
}
.leg_smart legend{
  margin: 0px!important;
  position: relative;
  top: 3px;
  padding: 0px 0px 0px 10px;
  font-size: 10px;
  color: #98BEBE;
  height: 18px;
  line-height: 18px;
}

/*------------- CHAT ---------------*/ 

 /* immagine contatti chat*/
 /*.badge {
    display: inline-block;
    padding: .25em .4em;
        padding-top: 0.25em;
    font-size: 75%;
    
    line-height: 1;
    
    white-space: nowrap;
    vertical-align: baseline;
 }*/
 .direct-chat-name {
    font-weight: 600;
}
.direct-chat-timestamp {
    color: #999;
}
.contacts-list {
    padding:3px;
    overflow:auto;
}

.contacts-list a {
  text-decoration: none!important;
}

.direct-chat .card-header{
    text-align:left;
}
.direct-chat .card-title{
    color:white;
}
.contacts-list-info {
    margin-left: 45px;
}
.contacts-list-img {
  margin-top: 0.2rem;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  float: left;
}
[tipo="chat"] [tipo="mainRowMsgChat"] .col-md-12 {
  margin-top: 0.2rem;
}
/* MESSAGGI.html */
.card-success.card-outline {
    border-top: 0px solid;
    z-index: 6000;
}   
#user-image-chat {
    width: 30px;
    height: 30px;
  }

  .message-badge{
    top: 9px;
    right: 5px;
    font-size: .6rem;
    font-weight: 300;
    padding: 2px 4px;
    height: 100%;
  }

  .message-badge-conversazioni{
   /* font-weight: 300;*/
   font-size: 55%;
    background-color: #f1ae29;
    color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
  }

  #RecentChats {
    height: 40px;
    overflow-x: auto;
    background-color: lavender;
  }

  .chart-legend, .contacts-list, .list-unstyled, .mailbox-attachments, .users-list {
    list-style: none;
}

  .contacts-list-info {
    color: black;
    min-height: 3rem;
    margin-left: 3.5rem;
  }
  .contacts-list > li {
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px;
    margin: 0;
  }

  .contacts-list>li {
    border-bottom: 1px solid #c5d8dc;
  }

  /* .direct-chat-text {
    border-radius: .3rem;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444;
    width: 40%;
  } */



  .direct-chat-success .right .direct-chat-text {
    background: #377D7C;
    border-color: #377D7C;
    color: #fff;
  }

  .direct-chat-success .right .direct-chat-text:after, .direct-chat-success .right .direct-chat-text:before {
    border-left-color: #377D7C;
  }

  .direct-chat-contacts, .direct-chat-messages {
    transition: transform .5s ease-in-out;
}

.direct-chat-messages {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    /* display:inline-grid; */
    /* padding: 10px; */
    min-height: 300px;
    height: auto;
    width: 100%;
    overflow: auto;
}
  .direct-chat-text {
    border-radius: .3rem;
    position: relative;
    padding: 5px 10px;
    margin: 5px 0 0 20px;
    background: #9EC1C1;
    border: 1px solid #9EC1C1;
    color: black;
    /* width: 320px; */
    width: 80%;
  }


  .direct-chat-text:after, .direct-chat-text:before {
    border-right-color: #9EC1C1;
  }

  .popup-message{
    float: right;
    position: fixed;
    left: 85%;
    /* bottom: 5%; */
  }

  .info-box{
    background-color: #dd4b39;
    color: white;
    padding: 0px;
  }
  
  .info-box.bg-red > a{
    color: white;
    background: rgba(0,0,0,0.2);
  }

  .info-box.bg-red > a:hover{
    color: black;
    background: rgba(0,0,0,0.2);
  }

  .info-box > button{
    padding: 10px;
  }

  .info-box-icon{
    padding-top: 20px;
  }

  .info-box-content > hr{
    border: 1px solid white;
    margin-bottom: 7px;
  }

  /**
  chat da adminlte
  */
  .direct-chat-img {
   
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
  }

  
.right .direct-chat-img {
    float: right;
}
.card.direct-chat{
/* box-shadow: 0px 0px 9px var(--hop-o); */
/* border: 1px solid var(--hop-o); */
background: var(--hop-sfondo-verde-leggero);
}

[tipo="chatta"] [tipo="allegati"] [tipo="contallegati"] a{
  font-size: 0.85rem;
}

/* END MESSAGGI.html */

/*-------- LINK PREVIEW CHAT ------------ */
.linkchatr {
    color: white;
}

.linkchatr:hover {
    color: black;
}

.linkchatr:active {
    color: #0066cc;
}

.linkchatl {
    color: #444;
}

.linkchatl:hover {
    color: black;
}

.linkchatl:active {
    color: #0066cc;
}

#link-preview-img {
    max-width: 90% !important;
    /* max-height: 90% !important; */
    margin: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: block !important;
    /* margin-top: 30% !important; */
}


/**
fine chat recuperata dal passato.
*/

.logoazienda {
  max-width: 300px;
  max-height: 100px;
}

/* PER DISABILITARE LE FRECCE DEL CALENDARIO */
.form::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/**
App
*/

.pagination .next-prev {
  background-image: url(../img/next-prev-arrow.svg);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .next-prev.next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.pagination .nextplus{
  background-image: url(../img/plus-yellow.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.plus-yellow{
  background-image: url(../img/plus-yellow.svg);
}

.circle-yellow {
	position: relative;
	right: 3.25rem;
	top: 50%;
	width: 24px!important;
	height: 24px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background-color: #F0AE2A;
		-webkit-transition: all ease-in-out 0.3s;
		   -moz-transition: all ease-in-out 0.3s;
			-ms-transition: all ease-in-out 0.3s;
			 -o-transition: all ease-in-out 0.3s;
				transition: all ease-in-out 0.3s;
}
.circle-yellow:hover {
	background-color: #E9790B;
}

.planning-yellow {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #F0AE2A;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.planning-yellow{
  background-image: url(../img/icona-pianificazione-white.svg);
  background-size: 73% 73%;
  background-repeat: no-repeat;
  background-position: center;
}
.titoli-affincati .planning-yellow {
  position: relative;
  transform: none;
  top: 0px;
  right: 0px;
  display: block;
  margin-left: 10px;
}

.downloaddoc-yellow {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #F0AE2A;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.titoli-affincati .downloaddoc-yellow {
  position: relative;
  transform: none;
  top: 0px;
  right: 0px;
  display: block;
  margin-left: 10px;
  color: white;
}

.bottoneapp {
  border-radius: 0.4rem;
  background: var(--hop-o);
  padding: 0.4rem;
  font-size: 0.6rem;
  text-align: center;
  margin-bottom: 0.5rem;
  min-height: 2.8rem;
  color: white;
  display:flex;
  /* margin-right: 0.0rem; */
  /* vertical-align: middle; */
}


.bottoneapp div {
  width:100%;
  vertical-align: middle;
  display:flex;
}

.bottoneapp span {
  margin:auto 0;
  width:100%;
} 
[tipo="appDocRow"] { margin-top: 2px; background-color: var(--hop-sfondo-verde-medio); padding-top: 0.25rem; padding-bottom: 0.25rem; }
[tipo="appDocRow"] [tipo="rowIcon"] { color: var(--hop); font-size: 3rem; }

.col-4.nlp, .col-3.nlp ,.col-2.nlp,.col-1.nlp,.col-6.nlp,.col-8.nlp,.col-9.nlp,.col-10.nlp,.col-7.nlp {
  padding-left: 0;
}

/* .bottoneapp span {
  vertical-align: middle;
  
} */

.bottoneapp a {
  vertical-align: middle;
  font-weight: 700;
  color:white;
}

.bottoneapp.selezionato {
  background: var(--hop);
 
}

.tabletotals {
  /* background-color: var(--hop-sfondo-verde-leggero);
  border-radius:0.2rem;
  padding:0.2rem;
  border-color: var(--hop); */
  background-color: #D6E3E3;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
    min-width: 200px;
    border: 0px;
    height: 24px;
    padding: 0px 10px;
    /* padding:0.2rem; */
}


.mostragaranzia {
  display:none;
}

#nomeaziendautenteapp {
  color: white;
  position: fixed;
  left: 0;
  right: 0;
  top: 0.4rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1;
  font-size: 0.8rem;
}
.pannello-app {
    position: fixed;
    top: 6rem;
    left: 0.5rem;
    /* margin-left: -0.5em; */
    /* margin-right: 0.2rem; */
    width: calc(100% - 0.6rem);
    height: calc(100% - 8.6rem); /* 8.6 =top+footer msgs*/
    overflow-x: hidden;
}
.titolo-menu-app {
    top: 70px;
left: 60px;
width: 255px;
height: 35px;
background: #B9D5D5 0% 0% no-repeat padding-box;
opacity: 1;

position: fixed;
top: 4rem;
left: 50%;
transform: translateX(-50%);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;

text-align: center;
letter-spacing: 0;
color: #234C50;

line-height: 2rem;
}


.titolo-menu-app span {
    vertical-align: middle;
    font-weight: 600;
    font-size:0.8rem;
}


.row.app-blocco hr {
    /*border-color:var(--hop-o);*/
    height: 1px;
    color: var(--hop-o);
     /*background-color: var(--hop-o);;*/
     border: none;
     margin-top: 0.4rem;
     margin-bottom: 0.4rem;
     background-image: linear-gradient(to right, rgba(35, 76, 80, 0), rgba(35, 76, 80, 0.75),rgba(35, 76, 80, 0.75),rgba(35, 76, 80, 0.75),rgba(35, 76, 80, 0));
}

.form-group.app-blocco{
    text-align:left;
    display: grid;
    line-height: 0.8;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    margin-bottom: 1%;
}

.form-group.app-blocco label{
    font-weight: 500;
    font-size: 1.1rem;
    width:auto;

}
.form-group.app-blocco span{
    font-weight: 400;
   /*  height: 1.1rem; */
    font-size: 13px;
    line-height: 1;

}

.actbtn2 {
  font-size: 1.35rem;
  position: relative;
  top: -0.35rem;
}

.bottone {
  color:var(--hop);
}

a.stdbottone{
  display: inline-block;
  /*background-color: #F0AE2A;*/
  background-color:#E9790B;
  line-height:1.2rem;
  /* height: 25px; */
  -webkit-border-radius: 12.5px;
  border-radius: 12.5px;
  color: #FFF;
  margin-bottom:3px;
  margin-right: 3px;
  font-size: 11px;
  font-weight: 700;
  padding: 0px 15px;
  text-transform: uppercase;
  width:fit-content;
}

/**
  barre delle dashboard e delle app. Versione Hopperix
*/
.bar-hop .sub-title {
	font-size: 12px;
	color: #000;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	padding-left: 15px;
}
.bar .sub-title2 {
	font-size: 12px;
	color: #000;
	display: flex;
	/* -webkit-justify-content: space-between; */
	/* justify-content:         space-between; */
	/* -webkit-align-items: center; */
	/* align-items: center; */
	/* width: 100%; */
	padding-left: 15px;
}
.bar-hop .sub-title .open {
	height: 13px;
	padding-right: 15px;
	opacity: 0.5;
		-webkit-transition: all ease-in-out 0.3s;
		   -moz-transition: all ease-in-out 0.3s;
			-ms-transition: all ease-in-out 0.3s;
			 -o-transition: all ease-in-out 0.3s;
				transition: all ease-in-out 0.3s;
}
.bar-hop .sub-title .open:hover {
	opacity: 1;
	cursor: pointer;
}
.bar-hop .go2 .sub-bar,
.bar-hop .go2 .level2,
.bar-hop .go2 .level3 {
	height: 25px;
	line-height: 26px;
	border-radius: 30px;
	font-size: 15px;
	padding: 0px 15px;
	width: 100%;
}
.bar-hop .go2 .sub-bar {
	position: relative;
  /* background-color: #AFC1C2; */
  background-color: white;
	color: #000;
	margin: 2px auto;
}
.bar-hop .go2 .level2,
.bar-hop .go2 .level3,
.bar-hop .go2 .level4 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-color: #377D7C;
	color: #FFF;
	font-size: 100%;
	font-weight: 700;
}
.bar-hop .go2 .level3 {
	background-color: #E9790B;
}
.bar-hop .go2 .level4 {
	background-color: transparent;
	left: 0px;
	right: 0px;
	padding-right: 15px;
	width: 100%;
	text-align: right;
	z-index: 3;
	color: white;

}

/* input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 9.7px 0;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
    background: #234c50;
    border-radius: 6.2px;
    border: 0.7px solid #438e8e;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 32px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10.4px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #254f54;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
    background: #234c50;
    border-radius: 6.2px;
    border: 0.7px solid #438e8e;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 32px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #21494c;
    border: 0.7px solid #438e8e;
    border-radius: 12.4px;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
  }
  input[type=range]::-ms-fill-upper {
    background: #234c50;
    border: 0.7px solid #438e8e;
    border-radius: 12.4px;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
  }
  input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 32px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
    height: 12.6px;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #234c50;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #254f54;
  } */

  
  input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 7.7px 0;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
    background: #234c50;
    border-radius: 6.2px;
    border: 0.7px solid #438e8e;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 28px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8.4px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #234c50;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
    background: #234c50;
    border-radius: 6.2px;
    border: 0.7px solid #438e8e;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 28px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 12.6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #234c50;
    border: 0.7px solid #438e8e;
    border-radius: 12.4px;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
  }
  input[type=range]::-ms-fill-upper {
    background: #234c50;
    border: 0.7px solid #438e8e;
    border-radius: 12.4px;
    box-shadow: 0.8px 0.8px 1px #000000, 0px 0px 0.8px #0d0d0d;
  }
  input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #050000, 0px 0px 1px #1f0000;
    border: 0.9px solid #e9790b;
    height: 28px;
    width: 27px;
    border-radius: 7px;
    background: #e9790b;
    cursor: pointer;
    height: 12.6px;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #234c50;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #234c50;
  }
  
  .gritter-notice-wrapper, .gritter-item-wrapper{
    border-radius:15px;
    border-color:var(--hop);
    border-width: thick;
    
  }
  
  .gritter-top, .gritter-bottom{
    display:none;
  }
  .gritter-item{
    border-radius: 15px;
    border-color: var(--hop);
    border-width: thick;
  }

  .info .gritter-item,
  .info .gritter-bottom,
  .info .gritter-top,
  .info .gritter-close {
    color:var(--hop);
      background-color:var(--hop-sfondo-verde-leggero);
      background-image: none;
      /* background-image: url(../images/info_sfumed.png); */
  }

  .info .gritter-title {
    text-shadow: none;
  }

  #appCommessa [tipo="listaCommessaApp"] p {
    font-size: 0.8rem;
    margin-top: 0.2rem;
  } 


table i.mdi.mdi-arrow-down-bold-circle-outline {
  font-size: 1rem;
}

table i.mdi.mdi-arrow-up-bold-circle-outline {
  font-size: 1rem;
}

table td i.hop-icircles {
  position: relative;
  top: 0.5rem;
}

select.tabts-input {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  cursor: pointer;
}

.row-for-form .box .deselected {
  background-color: #BEC7C8;
  color: #FFF;
}

.titoli-affincati {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.75rem 0rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}


.but-yellow-giulia {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #F0AE2A;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.titoli-affincati .but-yellow-giulia {
  position: relative;
  transform: none;
  top: 0px;
  right: 0px;
  display: block;
  margin-left: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* font-size: 0.7rem; */
}


element.style {
  top: 373.745px;
  left: 1494px;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-radius: 8px;
}
.ui-widget {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}
.ui-widget {
  /* font-family: Arial,Helvetica,sans-serif; */
  font-size: 1em;
}
.ui-tooltip {
  max-width: 700px;
  padding: 1rem;
}

.row-for-form .titoli-affincati div {
  margin-right: 0px;
}

.pagination {
  color: #000;
  padding-right: 0.3rem;
}
.pagination .page-of-pagination{
  margin: 0px 10px !important;
}
.simula-tendina {
  color: #FFF!important;
  background-color: #B9D5D5!important;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 11px;
}
@media screen and (max-height: 800px) {
  #MenuSxContainer{
    overflow: auto;
    height: 100vh;
  }
}
.pac-container {
  z-index: 10000;
}

/**
Fissaggio colonne sticky position
*/
/* width: 100%;
height: 200px;
overflow: auto;
border-radius: 9px;
border-bottom-left-radius: 9px; */

table.sticky{
  overflow:auto; 

  border-radius:9px;
}

thead.sticky th {
  position: sticky;
  top: 0;
  background-color: #75ABAB;
  background-clip: padding-box;
  z-index: 2;
}

thead.sticky th.td-actions {
  /* position: unset; */
 /*  position: sticky; */
}

thead.sticky .th2 th {
  position: sticky;
  top: 21px;
  background-color: #75ABAB;
  background-clip: padding-box;
   z-index:  0; 
  /* z-index: 1; */
}

th.sintcomp_descr, th.descrizione {
  z-index: 3!important;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #75ABAB;
}

table.sticky .close-row, table.sticky .close-row td {
  background-color: #75ABAB;
  border-right: 0px;
  position: sticky;
  bottom: 0;
}

table.sticky .close-rowMC, table.sticky .close-rowMC td {
  /* background-color: #75ABAB; */
  background-color: #FFF;
  border-right: 0px;
  position: sticky;
  bottom: 0;
}

table.sticky td.sintcomp_descr, table.sticky td.descrizione {
  position: sticky;
  left: 0;
  background-clip: padding-box;
  z-index: 1;
}

table.sticky tbody tr:hover td{
  border-bottom-color:var(--hop-o);
}

/**
Fine Fissaggio colonne sticky position
*/


table th i[tipo="filtra-colonna"]{
  position: relative;
  float: right;
  top: 23%;
  font-size: 0.8rem;
  padding-left: 2px;
}

.sintcomp_qta {
  max-width: 5rem;
}
.sintcomp_totmanod {
  max-width: 7rem;
}


.fa-pencil:before{content:"\f044"}

.tdfontaction {
  font-size:1rem!important;
}

body.sidebar-toggled .container-fluid {
    max-width: calc(100% - 100px);
}

body.sidebar-toggled #main-container {
  margin-left: 2rem!important;
}
body #MenuBottomContainer {
  position: fixed;
  z-index: 999;
  bottom: 0;
  list-style-type: none;
}
#MenuBottomContainer li {
  float: left;
  margin-left: 40px;
}
#MenuBottomContainer ul {
  list-style-type: none;
}

#MenuBottomContainer i {
  font-size: 1.4rem;
}
#MenuBottomContainer span{
  color:white;
}

#MenuBottomContainer .sidebar {
  max-height: 2rem;
  min-height: 0;
  width: 0!important;
}

#MenuBottomContainer a{
  border-radius: 10px;
}
#MenuBottomContainer #accordionSidebar {
  margin-top: 0;
}
#MenuBottomContainer .sidebar .nav-item [aria-expanded="false"],
#MenuBottomContainer .sidebar .nav-item [aria-expanded="true"] {
	/*background-color: #438E8E;*/
  padding: 1rem;
}

#MenuBottomContainer .sidebar .nav-item .collapse {
  position: relative;
  left: 0;
  z-index: 1;
  /* top: -9rem; */
  -webkit-animation: none;
  animation: none;
}

.container-fluid-light, .contain-navbar-nav{
  width: 100%;
  padding-left: 2.8rem;
}

.wrapperLight #footerMsg{
  display: none;
}

#MenuBottomContainer .sidebar .nav-item .collapse .collapse-inner {
  border-radius: 10px!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#MenuBottomContainer .sidebar .nav-item .collapse .collapse-inner .collapse-item,
#MenuBottomContainer .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  background-position: left+12px top+6px;
}

#MenuBottomContainer .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
  content: '\f106';
  margin-left: auto;
}

body #MenuSxContainer {
  position: fixed;
  z-index: 1;

  /* top: 0;
  bottom:0;
  overflow-y:scroll;
  overflow-x:hidden;
  bottom: 1.6rem;
  
  scrollbar-color: auto;
  scrollbar-width: none; */
}

body #MenuSxContainer::-webkit-scrollbar {
  width: 0px;
  background-color: var(--hop);
}

body #MenuSxContainer::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

.card-sub-header.titoli-affincati.title-row-for-form.area-documenti {
  justify-content: left;
}

.card-sub-header.titoli-affincati.title-row-for-form.area-documenti .authorize {
  margin-left: 10px;
}

ul#accordionSidebar.toggled span {
  display: none;
}

ul#accordionSidebar.toggled a.nav-link {
  width: 2.9rem!important;
  padding: 0.3rem 0.5rem;
  height: 2.1rem;
}

ul#accordionSidebar.toggled .collapse {
  width: 13rem;
  left: 4rem;
  z-index: 15;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  padding: 0.2rem 1rem 0.2rem 3rem;
}

table tr.title-row {
  height: 30px;
}

tr.close-row td:first-child {
  height: 20px;
  z-index: 1;
}

tr.close-rowMC td:first-child {
  height: 0;
  z-index: 1;
}

td select {
  width: 100%;
}

.leaflet-container{
  font-family:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
}

.input-icon > input {
  padding-left: 3rem!important;
	padding-right: 0!important;
}

.rdo_l{
  min-width:8.75rem;
}

.rdo_xl{
  min-width:18.7rem;
}

.rdo_s{
  max-width:10rem;
}

.rdo_xs{
  max-width: 6rem;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  /* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); */
  background-repeat: repeat-x;
  background-color: transparent;
  width: 5rem;
  height: 5rem;
  top: 40%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); */
}
.carousel-control.right {
  left: auto;
  right: 0;
  /* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); */
  background-repeat: repeat-x;
  background-color: transparent;
  width: 5rem;
  height: 5rem;
  top: 40%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); */
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.controlli{
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 50px;
  width: 2rem;
  height: 2rem;
  padding-top: 0.27rem;
  background-color: var(--hop-o);
}

.carousel-indicators li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 3px solid var(--hop);
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--hop-grey);
  background-clip: padding-box;
  /* border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; */
  opacity: .5;
  /* -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease; */
}

.carousel-indicators .active {
  opacity: 1;
  background-color: var(--hop-o);
}

.main-card {
  z-index: 0;
  margin-left: 5px;
}

@media (max-width: 1000px) {
  .selectize-dropdown-content div.option {font-size: 1rem}
}

/*@AD utils*/
.w-100{width: 100%}
.mh-85{min-height: 85px;} /* @PF 19.03.2021 */
.d-none{display: none}

@media (max-width: 992px){
  .d-mobile-none{display: none}
}




.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 30px}
.p-4{padding: 40px}

/*@AD basic style for default tables*/
.basic-table{
  margin-top: 1.5rem;
  margin-top: 1.5rem;
}

.basic-table > .card{
  background-color:var(--hop-sfondo-verde-medio);
}

.basic-table .table-title{
  font-size: 1.7rem;
  color:var(--hop);
}


/*@AD basic element styles*/
.default-textarea{min-height: 100px;}

#BUG_MANAGEMENT textarea{width: 100%}

/* @GD: add this rules because some pages (like: Interventi e Commesse) didn't show well */
.row, .row-for-form {
  width: -moz-available;

}

/*@AD - Nota spese popup simulation*/
#notaSpeseCont{
  position: absolute;
  padding: 10px;
  background-color: white;
  width: 100%;
  border: 1px solid #CCC;
  z-index: 999;
  margin-top: 10px;
}

/*@AD Restyle note spesa table*/
#dettaglio_notespesa thead{
  background-color: #75ABAB;
  color: white;
}

#dettaglio_notespesa .btn-danger{
  background-color: transparent;
  border: 0;
  color: #333 !important;
  cursor: pointer;
}
/*@AD Restyle note spesa table end*/

.row-for-form .box .form {
  min-height: 26px;
}

input[type=number] {
  -moz-appearance:textfield;
}

/* @GD for TDNOTEDITHTML2, to remove margin from p */
.td-html2 p {
  margin: 0;
}

.min-rem-10 {
  min-width: 10rem;
}
.min-rem-15 {
  min-width: 15rem;
}

/*@AD Let the chart pops up over the html texts*/
canvas.chartjs-render-monitor{position:relative;}


/* INIZIO REPERIBILITA */

#reperibilita{
  padding: 20px 10px;
  background-color: #F8FAFA;
}

#settimanaReperibilita{
 background-color: rgb(244,247,247);
 padding: 1rem;
 border-radius: 10px;

}

#rep_right_part_cont{
  background-color: #E6EFEF;
  padding: 10px;
  border-radius: 10px;
  height: 761px;
}

#rep_right_part_cont input[type='text']{
  border-radius: 10px;
  border: 0;
  font-size: 12px;
  background-color: #F8FAFA;
  color: #54777B;
  width: 100%;
  padding: 5px 10px;
}

#rep_right_part_cont > div{
  height: 100%;
}

#left_part_calendar_rep .arrow{
  font-size: 17px;
  margin-top: 0.1rem;
  font-weight: bold;
}
#settimanaReperibilita [tipo="inner"] .column{
  float: left;
  width: 14.2%;
  height: 100%;
}

#settimanaReperibilita [tipo="inner"] .column .inner{
  padding: 2px;
}

#settimanaReperibilita [tipo="inner"] .column .inner .header{
  color: #879A9A;
  text-align: center;
  font-size: 11px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 20px;
  font-weight: bold;
}

#settimanaReperibilita [tipo="inner"] .column .inner .cell{
  height: 325px;
  position: relative;
}
#settimanaReperibilita [tipo="inner"] .column .inner .cell.bordered{
  border-bottom: 1px solid lightgrey;
  margin: 3px;
}

#contRightPer [tipo="reperibilita"]{
  overflow-y: auto;
}

#reperibilita .right_part_inner_cont::-webkit-scrollbar, #reperibilita .cell::-webkit-scrollbar{
  width: 2px;
  background-color: var(--hop);
}

#reperibilita .right_part_inner_cont::-webkit-scrollbar-thumb,#reperibilita .cell::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

div [data-id="persone"] .ui-state-active{
  background-color: lightgrey !important;
  border: 0;
  border-radius: 10px;
}

.ore_col_rep {
  color: #879A9A;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
/* FINE REPERIBILITA */

/*@AD Gestione squadre*/
#gestione_cont{
  padding: 20px 10px;
  background-color: #F8FAFA;
}

#gestione_cont #left_part.expanded{
  width: 100% !important;
}

#gestione_cont #right_part.expanded{
  display: none;
}


#gestione_cont #left_part header{
  /* margin-bottom: 50px; */
  margin-bottom: 35px;
}

#gestione_cont #left_part #left_part_title{
  margin-top: 0;
  float: left;
}

#gestione_cont #left_part #left_part_right{
  float: right;
}

#gestione_cont #left_part #left_part_right > div{
  float: left;
  margin-right: 10px;
  border-radius: 10px;
  padding: 7px 10px 5px 10px;
  font-size: 13px;
  cursor: pointer;
}

#gestione_cont #left_part #left_part_calendar{
  width: 240px;
  background-color: #E6EFEF;
  margin-bottom: 10px;
}

#gestione_cont #left_part #left_part_calendar > div{
  float: left;
  width: 10%;
  min-height: 1px;
}

#left_part_calendar_rep{
  width: 240px;
  background-color: #E6EFEF;
  margin-bottom: 10px;
}

#left_part_calendar_rep > div{
  float: left;
  width: 10%;
  min-height: 1px;
}

#calendar_text_rep{
  width: 80% !important;
  text-align: center;
}
#gestione_cont #left_part #calendar_text{
  width: 80% !important;
  text-align: center;
}

#gestione_cont #left_part #left_part_expand{
  background-color: #B9CBCB;
  color: #728989;
  margin-bottom: 10px;
}

#gestione_cont #left_part #left_part_expand #expand_ico{
  width: 40px;
  height: 19px;
  margin-top: -2px;
  margin-right: 5px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/hopperix/Icone/Espandi colonne.svg");
}

#gestione_cont #left_part #left_part_expand:hover #expand_ico{
  background-image: url("/hopperix/Icone/Espandi colonne hover.svg");
}

#gestione_cont #left_part #left_part_expand.expanded #expand_ico{
  background-image: url("/hopperix/Icone/Contrai colonne.svg");
}

#gestione_cont #left_part #left_part_expand.expanded:hover #expand_ico{
  background-image: url("/hopperix/Icone/Contrai colonne hover.svg");
}

#gestione_cont #left_part #left_part_expand > div{
  float: left;
}

#gestione_cont #left_part #left_part_expand:not(.expanded) span:nth-child(2){
  display: none;
}

#gestione_cont #left_part #left_part_expand.expanded span:nth-child(1){
  display: none;
}

#gestione_cont #left_part #left_part_expand:hover{
  background-color: #54777B;
  color: white;
}

#gestione_cont[hours="notfull"] .hour_notshow {
  display: none;
}

#gestione_cont #left_part #left_part_switch, #squadre_switch{
  width: 100px;
  height: 30px;
  background-color: #B9CBCB;
  color: #728989;
  border-radius: 15px;
  padding: 0 !important;
}

#squadre_switch{
  width: 182px;
}

#squadre_switch > div{
  padding-top: 4px;
}

#gestione_cont #left_part #left_part_switch > div, #squadre_switch > div{
  height: 30px;
  float: left;
  border-radius: 27px;
  line-height: 25px;
  text-align: center;
  width: 33.33%;
}

#gestione_cont #left_part #left_part_switch > div{
  background-size: 50% 50%;
  background-image: url(/hopperix/img/icona-calendario-select.svg);
  background-repeat: no-repeat;
  background-position: center;
}

#gestione_cont #left_part #left_part_switch > div[tipo="squadre-view"] {
  background-size: 50% 50%;
  background-image: url('/hopperix/Icone/Clienti e Fornitori bianca.svg');
  background-repeat: no-repeat;
  background-position: center;
}

#gestione_cont #left_part #left_part_switch > div:not(.selected):not(.clearfix){ 
  background-image: url(/hopperix/Icone/Calendario_green.svg);
}

#gestione_cont #left_part #left_part_switch > div[tipo="squadre-view"]:not(.selected):not(.clearfix){ 
  background-image: url('/hopperix/Icone/Clienti e Fornitori verde.svg');
}

#gestione_cont #left_part #left_part_switch > div.selected, #squadre_switch > div.selected{
  background-color: #54777B;
  /* width: 60%; */
  color: white;
}





#line_scroller{
  cursor: grab;
}


#gestione_cont #left_part #gestione_hours  > div:not(.halfhour) {
  font-size: 12px;
  margin-bottom: 20px;
  /* margin-bottom: 1.38rem; */
  /* margin-top: 10px; */
}

#gestione_cont #left_part #gestione_hours  > div.halfhour {
  text-align: center;
  padding: 0 30% 0% 0;
  margin-top: -5px;
}

#gestione_cont #left_part #gestione_hours{
  padding-top: 50px;
  /* width: 30px; */
  width: 50px;
}

#gestione_cont #left_part #line_parent{
  width: calc(100% - 50px);
  overflow-x: auto;
}

#gestione_cont #left_part{
  width: 78%;
  float: left;
}

#gestione_cont #right_part{
  width: 22%;
  float: left;
}


#gestione_cont #left_part > div{
  float: left;
}

#gestione_cont #left_part .line_cont{
  display: table-cell;
} 

#gestione_cont #left_part .line_cont > div{
  width: 90%;
  /* margin-left: 10%; */
  border-radius: 15px;
  background-color: #F4F7F7;
  padding-top: 5px;
  padding-bottom: 10px;
}

#gestione_cont #left_part .line_cont > div > div{
  height: 18.9px;
  width: 90%;
  /* max-width: 200px; */
  margin-left: 5%;
}

#gestione_cont #left_part .line_cont > div > div.brd {
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid #cccccc30;
}


#right_part_header{
  background-color: #D7E2E2;
  border-radius: 10px 10px 0 0;
  display: table;
  width: 100%;
}

#right_part_header i.iho {
  font-size: large;
}

#right_part_header a{
  color: #54777B;
  text-decoration: none;
  padding: 10 0;
  font-size: 12px;
  display: table-cell;
  border-radius: 10px 10px 0 0;
  text-align: center;
}

#right_part_header a:hover{
  color: black;
}

#right_part_header a.selected{
  background-color: #E6EFEF;
  height: 25px;
  color: black;
  font-weight: bold;
  height: 46px;
  padding-top: 7px;
}

#right_part_header a[aria-expanded="false"]{
  background-color: #E6EFEF;
  color: black;
  font-weight: bold;
}

#right_part_header a[aria-selected="false"]{
  background-color: #E6EFEF;
  color: black;
  font-weight: bold;
}


#right_part_cont{
  background-color: #E6EFEF;
  /* padding: 10px; */
  padding: 5px;
  border-radius: 0 0 10px 10px;
  height: 851px;
  /* overflow-y: auto; */

  
}

.right_part_inner_cont {
  height: 90%;
  overflow-y: auto;
  scrollbar-color: auto;
  scrollbar-width: none;
}

#right_part_cont > div:not(.selected){
  display: none;
}

#right_part_cont input[type='text']{
  border-radius: 10px;
  border: 0;
  font-size: 12px;
  background-color: #F8FAFA;
  color: #54777B;
  width: 100%;
  padding: 5px 10px;
}


.right_part_inner_header{
  background-color: #B2CECB;
  display: table;
  width: 100%;
  border-radius: 10px;
  margin: 20px 0;

  line-height: 1.35rem;
}


.right_part_inner_header.nav {
  margin-top: 0;
}

.right_part_inner_header a{
  display: table-cell;
  color: #54777B;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  padding: 2px 2px; /* padding: 2px 0; */
  border-radius: 10px;

  margin: 0 0.2rem 0 0;
}

#gestione_cont .right_part_inner_header a:last-child {
  margin: 0;
}

.right_part_inner_header a.selected{
  color: white;
  background-color: #54777B;
}

#gestione_cont .right_part_inner_header a.selected {
  color: white;
  background-color: #54777B;
}


.right_part_inner_header a[aria-expanded="true"]{
  color: white;
  background-color: #54777B;
}


.right_part_inner_header a[aria-selected="true"]{
  color: white;
  background-color: #54777B;
}

.right_part_inner_header a.active{
  color: white;
  background-color: #54777B;
}



.right_part_inner_cont .item{
  cursor: move;
}

.right_part_inner_cont.type_a .item{
  background-color: #B2CECB;
  border-radius: 10px;
  padding: 5px;
  font-size: 10px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
  /* height: 55px; */
}

.right_part_inner_cont.type_a .item.commessa [tipo="cont-text1"] {
  width: 90%;
}

.right_part_inner_cont.type_a .item .rounded_icon, 
.main_rounded_icon,
.line_cont .item .rounded_icon,
.column .cell .item .rounded_icon,
#right_part_header .rounded_icon {
  float: left;
  color: white;
  background-color: #EB0202;
  border-radius: 100%;
  margin: 1px 4px 0 5px;

  height: 2em;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right_part_inner_cont.type_a .item .rounded_icon.no-mes, 
.main_rounded_icon.no-mes,
.line_cont .item .rounded_icon.no-mes,
.column .cell .item .rounded_icon.no-mes,
#right_part_header .rounded_icon.no-mes {
  background-color: var(--hop);
}
.right_part_inner_cont.type_a .item .rounded_icon {
  float: left;
  color: white;
  background-color: #EB0202;
  border-radius: 100%;
  margin: 1px 10px 0 0px;
  
  height: 2em;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right_part_inner_cont.type_a .item .rounded_icon.no-mes {
  background-color: var(--hop);
}

.right_part_inner_cont.type_a .item .icons{
  float: right;
}

.right_part_inner_cont.type_a .item:not(.selected){
  display: none;
}
.right_part_inner_cont.type_b.operatori .item:not(.selected){
  display: none;
}

.line_cont .item.commessa .handle-resizable {
  display: block;
    height: 0.1rem;
    width: 1rem;
    background-color: var(--hop);
    position: absolute;
    bottom: 0;
    left: 45%;
}

.right_part_inner_cont.type_b{
  /* margin-top: 50px; */
}

.right_part_inner_cont.type_b .item, .line_cont .item.inner_type,
.column .cell .item.inner_type {
  background-color: #F2CA63;
  border-radius: 10px;
  padding: 5px;
  font-size: 10px;
  margin-bottom: 5px;
}

.right_part_inner_cont.type_a .item[full="true"] {
  background-color: #d0e1df;
}

.right_part_inner_cont.type_b .item[full="true"] {
  background-color: #F7DFA1;
}

.right_part_inner_cont.type_b .item[notavailable="true"] {
  background-color: lightgrey!important;
}

.right_part_inner_cont.type_a .item[over="true"], .line_cont .item.commessa[over="true"], #pianif_sett_cont .item.commessa[over="true"] {
  background-color: var(--hop-sec)!important;
}

.right_part_inner_cont.type_b .item[over="true"], .line_cont .item.inner_type[over="true"] {
  background-color: var(--hop-o)!important;
}

.line_cont .item.inner_type .P_popup,
.column .cell .item.inner_type .P_popup {
  display: none;
}

.right_part_inner_cont.type_b .item:not([tipoogg="VEICOLI"]):not([tipoogg="MACCHINAEDILE"]) .P_popup {
  display: block;
  position: relative!important;
  float: right!important;
  left: auto!important;
  bottom: auto!important;
}

.line_cont .item.inner_type.other-items .P_popup,
.column .cell .item.inner_type.other-items .P_popup {
  display: none;
}

.right_part_inner_cont.type_b .item.other-items:not([tipoogg="VEICOLI"]):not([tipoogg="MACCHINAEDILE"]) .P_popup {
  display: block;
}

.right_part_inner_cont.type_b .item.other-items, .line_cont .item.inner_type.other-items,
.column .cell .item.inner_type.other-items {
  /* background-color: #ACBBBC; */
  background-color: var(--hop-o);
}

 .line_cont .item.inner_type .rounded_icon{
 display:none!important;
}

.line_cont .item.inner_type .text {
  margin-left: 0.5rem!important;
  width:0px!important;
}

.line_cont .item.inner_type.other-items .text {
  width: auto!important;
}

 .line_cont .item.inner_type .icons{
  margin-top: 2px;
 }

.item.inner_type .icon.car{
  background-image: url("/hopperix/Icone/Veicolo.svg")
}

.item.inner_type .icon.util{
  background-image: url("/hopperix/Icone/Attrezzature.svg")
}

.item.inner_type .icon.head{
  background-image: url("/hopperix/Icone/Dotazioni.svg")
}


.item.inner_type .icon.car:hover,
.item.inner_type .icon.util:hover,
.item.inner_type .icon.head:hover{
  background-image: none;
}

.item.inner_type:not(.wrong) .rounded_icon{
  background-image: url("/hopperix/Icone/Utente.svg");
  background-size: 90%;
  /* background-size: 2.5rem; */
  background-repeat: no-repeat;
  background-position: center;
}

.item.inner_type.other-items[tipoogg="ATTREZZATURA"]:not(.wrong) .rounded_icon {
  background-image: url("/hopperix/Icone/Attrezzature.svg");
}

.item.inner_type.other-items[tipoogg="VEICOLI"]:not(.wrong) .rounded_icon, 
.item.inner_type.other-items[tipoogg="MACCHINAEDILE"]:not(.wrong) .rounded_icon {
  background-image: url("/hopperix/Icone/Veicolo.svg");
}

.item.inner_type.other-items[tipoogg="DPI"]:not(.wrong) .rounded_icon {
  background-image: url("/hopperix/Icone/Antinfortunistica.svg");
}

.item.inner_type[tipoogg="SQUADRAM"]:not(.wrong) .rounded_icon {
  background-image: url("/hopperix/Icone/Clienti e Fornitori.svg");
}

.item.inner_type:not(.wrong) .rounded_icon:hover{
  background-image: none;
}


.right_part_inner_cont.type_b .item.wrong{
  background-color: #AABEBE;
}

.right_part_inner_cont.type_b .item .rounded_icon.no-mes, .line_cont .item.inner_type .rounded_icon.no-mes, /*.slot .rounded_icon.no-mes,*/
.column .cell .item.inner_type .rounded_icon.no-mes {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  margin: 1px 10px 0 5px;
  border: none;
  height: 1.5em;
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 2px 7px 2px 6px; */
}

.slot .rounded_icon.no-mes {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  margin: 1px 10px 0 5px;
  border: none;
  padding: 2px 7px 2px 6px;
}

.right_part_inner_cont.type_b .item .rounded_icon, .line_cont .item.inner_type .rounded_icon, /*.slot .rounded_icon,*/
.column .cell .item.inner_type .rounded_icon {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  margin: 1px 10px 0 5px;
  border: 1px solid red;
  height: 1.5em;
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 2px 7px 2px 6px; */
}

.slot .rounded_icon {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  margin: 1px 10px 0 5px;
  border: 1px solid red;
  padding: 2px 7px 2px 6px;
}

.right_part_inner_cont.type_b .item[tipo="main-other-items-badge"] .rounded_icon:not(.no-mes) {
  border: 1px solid var(--hop);
}

.right_part_inner_cont.type_b .item:not(.wrong) .rounded_icon span, .line_cont .item.inner_type .rounded_icon span, .slot .rounded_icon span,
.column .cell .item.inner_type .rounded_icon span{
  visibility: hidden;
}

.right_part_inner_cont.type_b .item:not(.wrong) .rounded_icon:hover, .line_cont .item.inner_type .rounded_icon:hover, .slot .rounded_icon:hover,
.column .cell .item.inner_type .rounded_icon:hover{
  background-color: #131313;
}

.right_part_inner_cont.type_b .item:not(.wrong) .rounded_icon:hover span, .line_cont .item.inner_type .rounded_icon:hover span, .slot .rounded_icon:hover span,
.column .cell .item.inner_type .rounded_icon:hover span{
  visibility: initial;
}

.right_part_inner_cont.type_b .item.wrong .rounded_icon{
  background-color: #424242;
  border: 1px solid #E9790B;
  color: #E9790B;
  padding: 0px 9px;
}

.right_part_inner_cont.type_b .item .text{
  float: left;
  padding-top: 5px;
  max-width: 75%;
}

.right_part_inner_cont.type_b .item .icons{
  float: right;
}

.right_part_inner_cont.type_b .item .icon, .line_cont .item.inner_type .icon, .slot .icon,
.column .cell .item.inner_type .icon{
  /* padding: 5px 8px; */
  padding: 3px 6px;
  border-radius: 100%;
  background-color: #F4D689;
  margin-left: 5px;
  margin-top: 3px;
  float: left;
  color: white;
  /* font-size: 5px!important; */

  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}

.right_part_inner_cont.type_b .item .icon:hover .dot, .line_cont .item.inner_type .icon:hover .dot, .slot .icon:hover .dot,
.column .cell .item.inner_type .icon:hover .dot{
  display: none;
}

.right_part_inner_cont.type_b .item .icon:hover span, .line_cont .item.inner_type .icon:hover span, .slot .icon:hover span,
.column .cell .item.inner_type .icon:hover span{
  visibility: initial;
}

.right_part_inner_cont.type_b .item .icon span, .line_cont .item.inner_type .icon span, .slot .icon span,
.column .cell .item.inner_type .icon span{
  visibility: hidden;
}

.right_part_inner_cont.type_b .item .icon .dot, .line_cont .item.inner_type .icon .dot, .slot .icon .dot,
.column .cell .item.inner_type .icon .dot {
  position: absolute;
  background-color: #EB0202;
  /* background-color: var(--hop); */
  width: 5px;
  height: 5px;
  border-radius: 100%;
  margin: -5px;
}

.right_part_inner_cont.type_b .item .icon .dot.no-mes, .line_cont .item.inner_type .icon .dot.no-mes, .slot .icon .dot.no-mes,
.column .cell .item.inner_type .icon .dot.no-mes {
  background-color: var(--hop);
}

.right_part_inner_cont.type_b .item.wrong .icon{
  background-color: #889696;
}


.right_part_inner_cont.type_b .item .icon:hover, .line_cont .item.inner_type .icon:hover, .slot .icon:hover,
.column .cell .item.inner_type .icon:hover{
  background-color: #EB0202;
  cursor: none;
  /* background-color: var(--hop); */
}

.right_part_inner_cont.type_b .item .icon.no-mes:hover, .line_cont .item.inner_type .icon.no-mes:hover, .slot .icon.no-mes:hover,
.column .cell .item.inner_type .icon.no-mes:hover{
  background-color: var(--hop);
  cursor: none;
}

#bottom_card{
  margin-top: 10px;
  padding: 20px;
  background-color: #E6EFEF;
  border-radius: 10px;
  height: 10vmax;
  overflow-x: auto;
}

#bottom_card h5{
  margin-top: 0;
}

#bottom_card .item{
  font-size: 11px;
  /* width: 25%; */
}

#bottom_card .item > div{
  padding: 10px 10px 10px 0px;
}

#bottom_card .item ul{
  list-style: none;
}

#bottom_card .item ul li::before {
  content: "\2022";
  color: red;
  margin-left: -1em;
  margin-right: 5px;
}


#bottom_card .item .main_rounded_icon{
  font-size: 10px;
}


#bottom_card .item .f_right{
  float: right;
}

#bottom_card .item .inner_txt{
  margin: 10px 0 0 10px;
}

.item:not(.tassativa) .lck{
  display: none;
}

.item.tassativa .rounded_icon span{
  visibility: hidden;
}

.item.tassativa .rounded_icon{
  background-size: 60%;
  background-image: url("/hopperix/Icone/lock.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: lightgrey !important;
}

.lvl .item.tassativa .text, .cell .item.tassativa .text{
  cursor: default !important;
}

.lvl.lunch{
  background-color: #CCC;
}

.item[tipo="main-commessa-badge"] .lunch {
  background-color: var(--hop-sec);
  color: white;
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px; /* variabile */
  top: 170px; /* variabile */
}

.item[tipo="main-commessa-badge"] [tipo="num-persone"] {
  width: 17px;
  height: 17px;
  background-color: #F2CA63;
  border-radius: 10px;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: small;
  padding-top: 3px;
  cursor: pointer;
}

/* .item[tipo="main-commessa-badge"] .lunch span{
  display: table-caption;
  white-space: nowrap;
} */

@media only screen and (max-width: 1266px) {
  #gestione_cont #left_part{
      width: 60%;
  }
  #gestione_cont #right_part{
      width: 40%;
  }
}

@media only screen and (max-width: 1130px) {
  #gestione_cont #left_part #left_part_right{
      margin-top: 10px;
  }
}


@media only screen and (max-width: 850px) {
  #gestione_cont #left_part{
      width: 40%;
  }
  #gestione_cont #right_part{
      width: 60%;
  }

  
  #bottom_card .item{
      font-size: 11px;
      width: 50%;
  }
}

@media only screen and (max-width: 600px) {
  #gestione_cont #left_part{
      width: 100%;
  }

  #gestione_cont #right_part{
      display: none;
      width: 100%;
      position: fixed;
      height: 100vh;
      right: 0;
      overflow-y: auto;
  }
}

@media only screen and (max-width: 500px) {
  #bottom_card .item{
      font-size: 11px;
      width: 100%;
  }
}
/******** width for MViste tables ***********/
.col_xxs{
  max-width: 33px;
}
.col_s{
  max-width: 78px;;
}
.col_s_cont{
  max-width: 40px;
}
.col_m_cont{
  max-width: 120px;
}
.col_m_set{
  width: 210px;
}
.col_l_set{
  width: 350px;
}
.col_l{
  min-width: 11rem;
}
.col_xl{
  min-width: 25rem;
}
.col_xl_set{
  width: 390px;
}
.col_w8r{
  width: 8rem;
}
.col_w5r{
  width: 5rem;
}
.col_w60r{
  width: 60rem;
}
.col_max_w6r{
  max-width: 6rem;
}
tr.tipo_TOTALI{
  height: 24px;
}
th.actions_60px{
  width: 60px;
}
/******* end width for MViste tables ********/


/** QUESTIONARIO SODDISFAZIONE CLIENTI **/

/* div#main-container-questionario {
  color: black;
} */
div#main-container-questionario {
  color: black;
}

div#main-container-questionario .col-md-2 {
  align-self: center;
}

div#main-container-questionario .col-md-6 span {
  margin: 0.5rem 0;
}
body.nonmodificabile {
  /* pointer-events: none; */
  cursor: not-allowed;
}

body.nonmodificabile * {
  pointer-events: none;
  /* cursor: not-allowed; */
}
/** END QUESTIONARIO SODDISFAZIONE CLIENTI **/

div[tipo="tablerowcol"] div.row:not(:first-child) [class*="col"] { border-top: 1px solid var(--hop); }
div[tipo="tablerowcol"] {
  border: 1px solid var(--hop);
  margin: 0.25rem;
  border-radius: 10px;
}
div[tipo="tablerowcol"] span { font-size: 0.8rem; }
div[tipo="tablerowcol"] .headerrowcol{ 
  background-color: var(--hop-sfondo-verde-medio);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#riepilogoportfolio i { position: absolute; left: 25%; }

/* --- PIANIFICAZIONE START --- */
#main-container {
  margin-bottom: 2rem;
}

#gestione_cont #sez_all_drop {
  width: auto;
  /* height: 15px; */
  float: none!important;
  display: flex;
  opacity: 0;
}

#gestione_cont.loading {
  /* pointer-events: none; */
  cursor: wait;
}

#gestione_cont.loading * {
  pointer-events: none;
  /* cursor: wait; */
}

body.loading{
  cursor: wait;
}

body.loading *{
  cursor: wait !important;
  pointer-events: none;
}

#gestione_cont #sez_all_drop [tipo="all_column_drop"] {
  height: 50px;
  /* background-color: var(--hop-sfondo1); */
  text-align: center;
  line-height: 0.6rem;
  display: flex;
  
  align-items: center;
  justify-content: center;
}

#gestione_cont #sez_all_drop span {
  font-size: x-small;
  color: var(--hop);
  margin: auto;
}

.line_cont .item.commessa,
.column .cell .item.commessa{
  position: relative;
  font-size: 10px;
  background-color: #B2CECB;
  border-radius: 10px;
  padding: 5px 0;
  overflow: hidden;
}

.line_cont .item.commessa {
  overflow: visible;
}

.line_cont .item.commessa {
  margin: 2px 0 2px 0;
}

.line_cont .item.commessa [tipo="cont-text1"] {
  height: 30px;
}

.item.commessa.tassativa{
  border: 1px solid red;
}

.column .cell .item.commessa{
  font-size: 7px;
}

.line_cont .item.commessa .text,
.column .cell .item.commessa .text{
  cursor: move;
}

.line_cont .item.commessa .text[tipo="badge-comm-text"], .inner .item.commessa .text[tipo="badge-comm-text"] {
    white-space: nowrap;
    font-size: 8px;
    overflow: hidden;
    margin-left: 5px;
    line-height: 1.1;
}

.line_cont .item.commessa .text[tipo="badge-comm-text"] {
  width: 80%;
}

.inner .item.commessa .text[tipo="badge-comm-text"] {
  width: 90%;
}

/* .inner .item.commessa .text[tipo="badge-comm-text"] {
  overflow: hidden;
} */

.item[tipo="main-user-badge"] b[tipo="nominativo"] {
  white-space: nowrap;
}

.item[tipo="main-user-badge"] .text [tipo="caposquadra"] img {
  width: 1rem;
  height: 1rem;
}

.inner .item.commessa .details {
  display: "";
  position: absolute;
  bottom: 0;
  margin-bottom: 1px;
}

.line_cont .item.commessa .details {
  display: "none";
}

.line_cont .item.commessa [tipo="cont-text2"], .inner .item.commessa [tipo="cont-text2"] {
  position: absolute!important;
  bottom: -9px!important;
  left: 2rem!important;
  top: unset!important;
  z-index: 50;
}

.inner .cell [tipo="expand_week"] {
  cursor: pointer;
  background-color: var(--hop-o);
  display: none; /* display: flex; */
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  position: absolute;
  bottom: 0;
  height: 10px;
  max-height: 10px;
  width: 100%;
}

.inner .cell [tipo="expand_week"] i {
  font-size: 9px;
  color: var(--hop);
  margin: 2px 0px 2px 0px;
}

.P_highlight_user {
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
  position: relative;
  z-index: 9999;
  pointer-events:  auto;
  transition: all 0.5s ease;
}

.column .cell .item.commessa{
  /* height: 80px; */
  height: 100%;
  margin: 1px;
  overflow: visible;
  min-height: 33px;
}

.line_cont .item.commessa > .rounded_icon, .line_cont .item .text, .line_cont .item .icon,
.column .cell .item.commessa > .rounded_icon, .column .cell .item .text, .column .cell .item .icon{
  float: left;
}

.line_cont .item.commessa > .rounded_icon, .column .cell .commessa > .rounded_icon {
  display: none;
}

.line_cont .item .icons,
.column .cell .item .icons{
  float: right;
  padding: 5px;
}


.line_cont .item.inner_type,
.column .cell .item.inner_type{
  margin-top: 1px;
  padding: 1px 0;
}

.line_cont .item.inner_type {
  position: relative;
  /* width: 8.3rem; */
  width: 85%;
}

.line_cont .item.inner_type .orespecifiche {
  white-space: nowrap;
}

/*.line_cont .item.inner_type .text,*/
.column .cell .item.inner_type .text{
  width: 25%;
}

.line_cont .item.inner_type .icons,
.column .cell .item.inner_type .icons{
  padding: 0;
}

.line_cont .item.inner_type .dot,
.column .cell .item.inner_type .dot{
  position: relative !important;
  margin-bottom: 0px !important;
}

.line_cont .item.inner_type .icon, .line_cont .item .rounded_icon,
.column .cell .item.inner_type .icon, .column .cell .item .rounded_icon{
  /* padding: 3px 7px !important; */
  padding: 1px 5px !important;
  font-size: 10px !important;
  /* font-size: 5px !important; */
}

.line_cont .item .cont, 
.cell .column .item .cont{
  height: calc(100% - 50px);
  overflow-y: auto;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#right_part_cont > div{
  height: 100%;
}



.line_cont > div > div.ui-state-active,
.column .cell.ui-state-active,
#main_squadram .col-cont-squadram.ui-state-active,
#gestione_cont #left_part #sez_all_drop [tipo='all_column_drop'].ui-state-active {
  background-color: #B2CECB;
  border: 0;
}

.line_cont .item.commessa.ui-state-active,
#right_part_cont > .ui-state-active,
.slot .ui-state-active,
.cell .item.ui-state-active{
  background-color: lightgrey !important;
  border: 0;
}



#left_part:not(.weekly) .weekly, /* to hide weekly part */
#left_part.weekly .daily, /* to hide daily part when there is weekly part active */
#left_part:not(.squadre) .squadre, /* to hide squadre part */
#left_part.squadre .daily, /* to hide daily part when there is weekly part active */
#right_part:not(.weekly) .weekly,
#right_part.weekly .daily {
  display: none;
}




#capo_cantiere_cont{
  width: 17%;
}

#pianif_sett_cont{
  width: 83%;
}

#pianif_sett_cont .inner{
  border-radius: 15px;
  background-color: #F4F7F7;
}

#pianif_sett_cont #inner {
  padding: 10px;
}

#capo_cant_inner {
  padding: 5px;
}

#capo_cantiere_cont{
  padding-top: 45px;
}

#capo_cantiere_cont .slot {
  height: 74px;
  margin-bottom: 8px;
  border-radius: 10px;
  background-color: rgb(236, 236, 236);
  overflow: hidden;
}

#capo_cantiere_cont .slot .text {
  white-space: nowrap;
}

#pianif_sett_cont #inner .column{
  float: left;
  width: 14.2%;
  height: 100%;
}

#pianif_sett_cont #inner .column .inner{
  padding: 2px;
}

#pianif_sett_cont #inner .column .inner .header{
  color: #879A9A;
  text-align: center;
  font-size: 11px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 20px;
  font-weight: bold;
}

#pianif_sett_cont #inner .column .inner .cell{
  height: 80px;
  position: relative;
}
#pianif_sett_cont #inner .column .inner .cell.bordered{
  border-bottom: 1px solid lightgrey;
  margin: 3px;
}




.slot .item{
  background-color: rgb(242,202,99);
  height: 74px;
  border-radius: 10px;
  /* cursor: move; */
  font-size: 11px;
  margin-top: 0;
}

.slot .item .item_in{
  padding: 10px;
}

.slot .item .rounded_icon {
  /* padding: 5px 10px 5px 9px;
  padding: 15px 20px 15px 20px;
  margin: 0 5px 0 -5px; */
  width: 3rem;
  height: 3rem;
  margin: .2rem .5rem 0 0;
}

/* .slot .item .left{
  float: left;
} */

.slot .item .icons{
  float: right;
}

.slot .item .job{
  display: block;
}

.slot .icon{
  padding: 4px 8px 3px 8px;
}

.top_inner{
  font-size: 10px;
  height: 11px;
}

/* --- SQUADRAM PART - START --- */
#main_squadram {
  width: 100%;
  display: flex;
  overflow-x: auto;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#main_squadram .row {
  height: 83px;
}

#main_squadram .btnBlueGreen.btnPush {
  background: var(--hop-sec);
  transition: all 0.2s ;
}

#main_squadram .btnBlueGreen.btnPush {
  box-shadow: 0px 5px 0px 0px var(--hop);
}

#main_squadram .btnPush:hover {
  margin-top: 10px;
}

#main_squadram .btnBlueGreen.btnPush:hover {
  box-shadow: 0px 0px 0px 0px #007144;
}

#main_squadram .item {
  background-color: rgb(242,202,99);
  height: 74px;
  border-radius: 10px;
  font-size: 11px;
  margin-top: 0;
  display: flex;
  margin-bottom: 1rem;
  position: relative;
}

#main_squadram .item[tipo="main-other-items-badge"] {
  background-color: var(--hop-o);
}

#main_squadram .item[tipo="main-squadram-badge"] {
  background-color: var(--hop-g);
}

#main_squadram .item .text input{
  border-radius: 10px;
  border: 0;
  padding-left: 10px;
  width: 95%;
}

.item[tipo="main-squadram-badge"] [tipo="ACTIONS"] {
  display: none;
}

#main_squadram .item [tipo="ACTIONS"]{
  display: block;
  position: absolute;
  bottom: 1px;
  right: 5px;
}

#main_squadram .item.addSquadraM {
  /* background-color: #ACBBBC; */
  cursor: pointer;
}

#main_squadram .item .rounded_icon {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  border: none;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  margin: 13px 10px 0 10px;
}

#main_squadram .col-cont-squadram .item .rounded_icon {
  float: left;
  color: #F2CA63;
  background-color: lightgrey;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100%;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin: 4px 10px 0 10px;
}

/* #main_squadram .col-cont-squadram .item .text {
  / * margin: 4px 0 0 0; * /
  margin: 0 0 0 0;
  align-self: center;
  line-height: 0.8rem;
} */

#gestione_cont .item.inner_type .text {
  margin: 0 0 0 0;
  align-self: center;
  line-height: 0.8rem;
}

#main_squadram .item.inner_type[tipo="main-squadram-badge"]:not(.wrong) .rounded_icon {
  background-image: url('/hopperix/Icone/Clienti e Fornitori.svg');
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}

#main_squadram .rounded_icon span {
  visibility: hidden;
  position: relative;
  top: 0.7rem;
  left: 1.2rem;
}

#main_squadram .col-cont-squadram .rounded_icon span {
  visibility: hidden;
  position: relative;
  top: 0.1rem;
  left: 0.35rem;
}

#main_squadram .item.inner_type .rounded_icon:hover{
  background-color: #131313;
}

#main_squadram .item.inner_type .rounded_icon:hover span{
  visibility: initial;
}

#main_squadram .item .text {
  margin: 13px 0 0 0;
}

#main_squadram .row [tipo="squadram-row"]:not(.ui-state-active) {
  background-color: #F4F7F7;
  border-bottom: 1px solid lightgrey;
  height: 100%;
}

#main_squadram .row .first-child[tipo="squadram-row"] {
  border-top: 1px solid lightgrey;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#main_squadram .row .last-child[tipo="squadram-row"] {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#main_squadram .row .col-badge-squadram {
  width: 5.5rem;
}

#main_squadram .row .col-cont-squadram {
  width: 81%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#main_squadram .col-squadram {
  margin-right: 1rem;
}

#main_squadram .col-squadram.AddSquadraM {
  margin-right: 3rem;
}

#main_squadram .col-squadram .item.inner_type {
  width: 13rem;
}

#main_squadram .col-squadram .col-cont-squadram .item.inner_type {
  width: 12rem;
  margin-left: 0.5rem;
  height: 2rem;
}

#main_squadram .col-squadram.AddSquadraM .item.inner_type {
  width: 5rem;
}

#main_squadram .col-squadram .col-cont-squadram {
  height: 40rem;
  border-radius: 1rem;
  overflow-y: auto;
  padding-top: 0.4rem;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#main_squadram .col-squadram .col-cont-squadram:not(.ui-state-active) {
  /* background-color: #F4F7F7; */
  background-color: var(--hop-sfondo-verde-medio);
}

#main_squadram .col-cont-squadram .item [tipo="div_details"] {
  display: none;
}

#main_squadram .col-cont-squadram .item {
  margin-bottom: 0.4rem;
}


/* --- SQUADRAM PART - END --- */

#right_part_header a{
  float: left;
  width: 16.6%;
}

#right_part_header a:not(.selected) .top_inner{
  display: none;
}

#right_part_header a:not(.selected){
  padding-top: 20px;
}


#right_part_header .rounded_icon{
  padding: 1px 1px 1px 1px;
  float: none;
  position: absolute;
  margin-top: -38px;
  font-size: 9px;
  height: 15px;
  width: 15px;
}

#right_part_header a.selected .rounded_icon{
  margin-top: -26px;
  margin-left: -10px;
}

.commessa .rounded_icon{
  cursor: pointer;
}

#left_part_calendar .arrow{
  font-size: 17px;
  margin-top: -1px;
  font-weight: bold;
}
#calendar_sq_cont{
  width: 300px !important;
  position: absolute;
 /*  margin-top: 27px; */
  margin-top: 50px;
  background-color: #E6EFEF;
  padding: 20px;
  border-radius: 10px;
  z-index: 9999;
  left: 53%;
}

#calendar_sq_cont.hidden{
  display: none;
}


#main_squadram [tipo="squadram-row"] .item {
  margin: 0.2rem;
  padding-right: 5px;
  min-width: 11rem;
}

#bottom_card ul {
  /* list-style-image: url('/hopperix/img/exclamation-mark.png'); */
  list-style: none;
}






#gestione_cont .cont::-webkit-scrollbar {
  width: 2px;
  background-color: var(--hop);
}

#gestione_cont .cont::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#gestione_cont .right_part_inner_cont::-webkit-scrollbar {
  width: 2px;
  background-color: var(--hop);
  /* width: 0; */
}

#gestione_cont .right_part_inner_cont::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#gestione_cont #line_parent::-webkit-scrollbar {
  /* width: 2px; */
  height: 4px;
  background-color: var(--hop);
}

#gestione_cont #line_parent::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#gestione_cont #line_parent {
  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#gestione_cont #bottom_card::-webkit-scrollbar {
  /* width: 4px; */
  height: 4px;
  background-color: var(--hop);
}

#gestione_cont #bottom_card::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#gestione_cont #bottom_card {
  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#main_squadram::-webkit-scrollbar {
  height: 4px;
  background-color: var(--hop);
}

#main_squadram::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#main_squadram .col-cont-squadram::-webkit-scrollbar {
  width: 4px;
  background-color: var(--hop);
}

#main_squadram .col-cont-squadram::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

span[weather-data-icon="S"] {
  opacity: 0;
}


 /* Popup container */
.P_popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  float: left;
}

.P_popup {
  position: absolute;
  /* position: relative; */
  bottom: 2px;
  left: 8px;
}

.P_popup.P_weather {
  left: 0;
}

/* The actual popup (appears on right) */
.P_popup .P_popuptext.right, .P_popup .agendapopuptext.right {
  /* background-color: #555; */
  /* background-color: var(--hop); */
  color: #fff;
  text-align: center;
  border-radius: 10px;
  /* border: 2px solid var(--hop); */
  /* padding: 2px; */
  position: absolute;
  z-index: 100;
  /* bottom: -80%; */
  bottom: -35%;
  /* left: 300%; */
  left: 200%;
  width: max-content;
  display: grid;
}

.P_popup .P_popuptext.right#commessa-badge-popup, .P_popup .agendapopuptext.right[tipo="agendapopup"] {
  background-color: var(--hop);
  border: 2px solid var(--hop);
  padding: 3px;
}

/* The actual popup (appears on left) */
.P_popup .P_popuptext.left {
  /* background-color: #555; */
  /* background-color: var(--hop); */
  color: #fff;
  text-align: center;
  border-radius: 10px;
  /* border: 2px solid var(--hop); */
  /* padding: 2px; */
  position: absolute;
  z-index: 100;
  width: max-content;
  display: grid;
}

#right_part_cont .P_popup .P_popuptext.right {
  left: 250%;
  bottom: -50%;
}

#right_part_cont [tipo="main-user-badge"] .P_popup .P_popuptext.left {
  right: 250%;
  top: -60%;
}

#right_part_cont [tipo="main-other-items-badge"] .P_popup .P_popuptext.left {
  right: 250%;
  top: -60%;
}

.line_cont .P_popup .P_popuptext.right {
  left: 250%;
  bottom: -100%;
}

.inner .P_popup .P_popuptext.right {
  left: 250%;
  bottom: -80%;
}

.inner .P_popup.P_weather .P_popuptext.right {
  /* left: 170%;
  bottom: 3%; */
  left: 1.8rem;
  bottom: -3.8rem;
  font-size: 0.6rem;
}

.line_cont [tipo="cont-text1"] .P_popup.P_weather .P_popuptext.right {
  left: 1.8rem;
  bottom: -3.8rem;
  font-size: 0.6rem;
}

.line_cont [tipo="cont-text2"] .P_popup.P_weather .P_popuptext.right {
  left: 1.8rem;
  bottom: -3.8rem;
  font-size: 0.6rem;
}

.P_popup .P_popuptext a, .P_popup .agendapopuptext a{
  color: #fff;
  text-decoration: none;
}

/* Popup arrow */
.P_popup .P_popuptext.right::after, .P_popup .agendapopuptext.right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 102%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  /* border-color: transparent #555 transparent transparent; */
  border-color: transparent var(--hop) transparent transparent;

}

.P_popup .P_popuptext.left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  /* border-color: transparent transparent transparent #555; */
  border-color: transparent transparent transparent var(--hop);

}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 

[tipo="contMeteo"] { display: flex; justify-content: center; flex-direction: column; }
[tipo="contMeteo"] .P_popup { top: 2%; }
[tipo="contMeteo"] .P_popup .P_popuptext.right { position: relative; }
[tipo="contMeteo"] .P_popup .P_popuptext.right::after { display: none;}
[tipo="contMeteo"] table[tipo="main-weather-table"] td { font-size: 0.9rem; }

table[tipo="main-weather-table"] td, table[tipo="main-weather-table"] th { border: none; }
table[tipo="main-weather-table"] thead { background-color: var(--hop-sec); color: white; }
table[tipo="main-weather-table"] tr { border-bottom: 1px solid var(--hop); }
table[tipo="main-weather-table"] tr:last-child { border: none }

/*
Fine squadre
*/

.line_cont [tipo="main-commessa-badge"] .ui-icon-gripsmall-diagonal-se, .column .cell [tipo="main-commessa-badge"] .ui-icon-gripsmall-diagonal-se {
  z-index: 40!important;
}

.P_weather {
  float: left;
  font-size: large;
  margin: -2px 0px 0px 5px;
  position: relative;
}

.column .cell .P_weather[per="pom"] {
  margin-right: 6.2rem;
}

.column .cell .P_weather:last-child {
  margin-right: 0;
}

table.P_weathertable tr td {
  font-size: 0.8rem;
  padding: 2px 5px;
  height: max-content;
}


.item .weather{
  display: none;
  background-size: 100%;
  background-position: center;
  position: absolute;
  border-radius: 100%;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  margin-top: 17px;
  background-color: white;
}

.weather.sun{
  background-image: url('/hopperix/Icone/Sun.svg')
}

.weather.sun{
  background-image: url('/hopperix/Icone/Sun.svg')
}

.lvl .weather, .cell .weather{
  display: block;
}

.lvl > .item > .rounded_icon, .column .cell > .item .rounded_icon{
  padding: 0px 3px 0px 5px !important;
}
/*Gestione squadre*/
/* --- PIANIFICAZIONE END --- */

.rounded-corners-gradient-borders {
  border: solid 2px transparent;
  border-radius: 1em;
  /* background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--hop), var(--hop-sec)); */
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 0.5%;
}

.rounded-corners-gradient-borders.hop {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--hop), var(--hop-sec));
}

.rounded-corners-gradient-borders.hop-red {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--hop-red), var(--hop-o));
}

.rounded-corners-gradient-borders.hop-yellow {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--hop-g), var(--hop-o));
}

.rounded-corners-gradient-borders.hop-grey {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--hop-chatinactive), var(--hop-grey));
}



/* CHECKBOX LIKE IPHONE */
.toggle-btn {
  width: 3.2rem;
  height: 1.9rem;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  /* background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==') no-repeat var(--hop-o); */
  /* background: var(--hop-o); */
  background: #E6EFEF;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor:pointer;
  background-size: 1em;
  background-position: 75%;
  text-align: center;
}
.toggle-btn.active {
  /* background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC') no-repeat var(--hop); */
  background: var(--hop);
  background-size: 1em;
  background-position: 26%;
}
.toggle-btn.active .round-btn {
  left: 22px;
}
.round-btn {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 0.2rem;
  -webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.cb-value {
  position: absolute;
  left:0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor:pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.toggle-btn label {
  margin-top: 2rem;
  font-size: 9px;
  color: var(--hop);
  height: 18px;
}
/* END CHECKBOX LIKE IPHONE */


/* SIDEBARC CHECKBOX */
#accordionSidebar .toggle-btn {
  width: 2rem;
  height: 1.2rem;
}
#accordionSidebar .toggle-btn.active {
  /* background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC') no-repeat var(--hop); */
  /* background: #E9790B; */
  background: transparent;
  background-size: 1em;
  background-position: 26%;  
  border: .1rem solid #fff;
}
#accordionSidebar .toggle-btn.ridotto {
  margin: 0.5rem 0 0.5rem 0.8rem!important;
  margin-top: 4rem!important;
}
#accordionSidebar .toggle-btn.ridotto:last-child {
  margin-top: 3.8rem!important;
}
#accordionSidebar .toggle-btn.active .round-btn {
  left: 0.9rem;
  top: 0.15rem;
}
#accordionSidebar .round-btn {
  top: 0.25rem;
  width: 0.7rem;
  height: 0.7rem;
}

#accordionSidebar .toggle-btn label {
  position: absolute;
  color: #fffc;
  left: 2.3rem;
  bottom: -0.5rem;
  width: 7rem;
  font-size: 0.8rem;
  margin-left: 0.6rem;
  text-align: left;
}

#accordionSidebar .toggle-btn.ridotto label {
  position: relative!important;
  left: -0.7rem;
  bottom: 5rem;
  width: 1rem;
}



/* --- CONTEXT MENU --- */
#dropdown-context-menu .image {
  width: 1rem;
  height: 1rem;
}




/* --- COLOR PICKER --- */
/* #divColorPicker {
  position: relative;
  width: 300.1499938964844px;
  height: 450px;
  background: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 20px;
  resize: none;
}

#divColorPicker #view {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

#divColorPicker #colors {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60%;
}

#divColorPicker #colors .inp {
  width: 90%;
  height: 8px;
  border-radius: 20px;
  margin: 13px 0;
  -webkit-transition: 0.3s;
}

#divColorPicker #colors #inp1, #inp2, #inp3 {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: linear-gradient();
}
#divColorPicker #colors #inp1::-webkit-slider-thumb {
  background: hsl(1, 100%, 50%);
}
#divColorPicker #colors #inp2::-webkit-slider-thumb {
  background: hsl(1, 100%, 50%);
}
#divColorPicker #colors #inp3::-webkit-slider-thumb {
  background: hsl(1, 100%, 50%);
}
#divColorPicker #colors .inp::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: solid 2px white;
  background: #f2f2f2;
  border-radius: 50%;
}
#divColorPicker #colors input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  width: 25px;
  height: 25px;
  border: solid 1px #f2f2f2;
  background: #f2f2f2;
  box-shadow: inset 0 0 2px silver;
  border-radius: 50%;
}
#divColorPicker #colors #txt {
  margin:13px 0;
  padding: 8px;
  border: solid 1px silver;
  border-radius: 5px;
  text-align: center;
  background: #ffffff;
}
#divColorPicker #colors #copy {
  padding: 8px 8px;
  border-radius: 5px;
  border: solid 1px silver;
  background: #ffffff;
  cursor: pointer;
  margin:13px 0;
  -webkit-transition: 0.3s;
}
#divColorPicker #colors #copy:hover {
  background: #f1f1f1;
} */

input#colorpicker {
  width: 5rem;
  border: 0px;
  background-color: #EDF2F2;
  border-radius: 10px;
}

/* END COLORPICKER */


#cardDICODic .span-checkbox {
  /* font-size: small; */
  font-size: 0.7rem;
}
#cardDICO .span-checkbox {
  /* font-size: small; */
  font-size: 0.7rem;
}

#cardDICO .domDICO {
  margin-top: 2rem;
}

#cardDICO .domDICO label{
  font-size: 1rem!important;
  padding-left: 3px;
}

.title-standard {
  font-size: 1.1rem!important;
}

.row-for-form .box select.form {
  padding: 3px 8px;
}
/******** @FS clipboard *********/
.drop-hover-clipboard{
  background-color: var(--hop-sfondo-verde-leggero) !important;
  border-color: var(--hop) !important;
  border-style: solid;
  border-width: thin;
}
table tbody tr.close-row-clip td, table .title-row tbody tr.close-row-clip td {
  background-color: #75ABAB;
  height: 15px;
  color: #FFF;
  border-color: #75ABAB;
}
tr.close-row-clip td:first-child {
  height: 15px;
}
td.grab{
  cursor: grab;
}
/****** @FS end clipboard *******/
/********** @FS timeline ********/
.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}
.timeline ol {
  font-size: 0;
  width: 100%;
  padding: 145px 0;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  min-width: 35px;
  height: 3px;
  background-color: var(--hop-sec);
}
/* .timeline ol li:last-child {     //the last li is longer
  width: 280px;
} */
.timeline ol li:not(:first-child) {
  margin-left: 12px;
}
.timeline ol li:first-child {
  width: 50px !important;
}
.timeline ol li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--hop-o);
}
.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  padding: 5px;
  padding-right: 0;
  padding-bottom: 0;
  line-height: 16px;
  font-size: 0.8rem;
  white-space: normal;
  color: var(--hop);
  background: var(--hop-sfondo-verde-medio);
  min-width: 90px;
}
.timeline ol li div::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.timeline ol li:nth-child(odd) div {
  top: -26px;
  transform: translateY(-100%);
  border-radius: 20px 20px 20px 0;
}
.timeline ol li:nth-child(odd) div::before {
  top: 98%;
  border-width: 20px 25px 0 0;
  border-color: var(--hop-sfondo-verde-medio) transparent transparent transparent;
}
.timeline ol li:nth-child(even) div {
  top: calc(100% + 20px);
  border-radius: 0 20px 20px 20px;
}
.timeline ol li:nth-child(even) div::before {
  top: -12px;
  border-width: 15px 0 0 25px;
  border-color: transparent transparent transparent var(--hop-sfondo-verde-medio);
}
/********** end timeline *********/

/** arrows indicators for sorting table **/
.sortArrowsUP:after {
  content: "\f0de";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1rem;
  float:right;
  position: relative;
  right: 0;
}
.sortArrowsDOWN:after {
  content: "\f0dd";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-top: -6px;
  font-size: 1rem;
  float:right;
  position: relative;
  right: 0;

}
/** end arrows indicators for sorting table **/


/** TEMPLATES **/
#new-template-panel-form [tipo="row-template"]{
  background-color: var(--hop-sfondo-verde-leggero);
  min-height: 7rem;
  max-height: 20rem;
  display: flex;
  border-radius: 5px;
  padding-bottom: 2rem;
}

#new-template-panel-form [tipo="col-template"]{
  border: 1px solid var(--hop);
  border-radius: 5px;
  background-color: var(--hop-sfondo-verde-medio);
  max-height: 17rem;
  overflow-y: auto;
}

#new-template-panel-form .row span {
  color: var(--hop);
}
#new-template-panel-form [tipo="row-template"] i {
  color: var(--hop);
}
#new-template-panel-form .rainbow {
  background-image: linear-gradient(to left, violet, indigo, green, blue, aquamarine, orange, red) !important;
  color: transparent !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  background-clip: text !important;
}

.h-arrow {
  display: flex;
  overflow: hidden;
  line-height: 0.4;
  padding: 0;
  margin: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F0AE2A;
  
}



.h-arrow .step {
  flex: 1;
  color: white;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 0 10px 30px;
  background: #F0AE2A;
  position: relative;
  display: flex;
  cursor: pointer;
}

/* .h-arrow .step:first-child {
  padding-left: 20px;
} */

.h-arrow .step:first-child span {
  margin-left: -20px;
}

.h-arrow .step.active {
  background-color: #E6920A;
  color: #fff;
}

.h-arrow .step.nonattivo {
  background-color: #CBD7D7;
  color: #fff;
  pointer-events: none;
}

.h-arrow .step:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -30px;
  z-index: 2;
  border: 15px solid transparent;
  border-left-color: #F0AE2A;
}

.h-arrow .step:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -33px;
  z-index: 1;
  border: 15px solid transparent;
  border-left-color: #fff;
}

/* .h-arrow .step:nth-last-child(2):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -32px;
  z-index: 1;
  border: 15px solid transparent;
  border-left-color: #fff;
} */

.h-arrow .step.active:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -30px;
  z-index: 2;
  border: 15px solid transparent;
  border-left-color: #E6920A;
}

.h-arrow .step:last-child:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  /* left: 96%; */
  right: -15px!important;
  z-index: 2;
  border: 15px solid transparent;
  border-left-color: #F0AE2A;
  background-color: white;
}

.h-arrow .step.active:last-child:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  /* left: 96%; */
  right: -15px!important;
  z-index: 2;
  border: 15px solid transparent;
  border-left-color: #E6920A;
  background-color: white;
}

.h-arrow .step.nonattivo:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -30px;
  z-index: 2;
  border: 15px solid transparent;
  border-left-color: #CBD7D7;
}

/* H ARROW VERDE */
.h-arrow.h-arrow-verde .step {
  background-color: var(--hop-sec)!important;
}

.h-arrow.h-arrow-verde .active {
  background-color: var(--hop)!important;
}

.h-arrow.h-arrow-verde .step:before {
  border-left-color: var(--hop-sec)!important;
}

.h-arrow.h-arrow-verde .step.active:before {
  border-left-color: var(--hop)!important;
}

.h-arrow.h-arrow-verde .step:last-child:before {
  border-left-color: var(--hop-sec)!important;
}

.h-arrow.h-arrow-verde .step.active:last-child:before {
  border-left-color: var(--hop)!important;
}
/** END TEMPLATES **/

/* @FS H-SCORES */
  
  .hop-sec {
    color: var(--hop-sec);
  }
  .hop-yellow {
    color: var(--hop-g);
  }
  .hop-red {
    color: var(--hop-red);
  }
  .hop-o, .hop-orange {
    color: var(--hop-o);
  }
  .hop-grey {
    color: var(--hop-grey);
  }
  .cont-bar {
    margin: 0px auto;
  }
  .cont-bar span {
    margin-left: 10px;
    color: white;;
  }
  .cont-bar bar-label {
    overflow: hidden;
  }
  .tot-bar {
    background-color: #AFC1C2;
    border-radius: 30px;
  }
  .perc-bar {
    border-radius: 30px;
  }
  .red-bar {
    background-color: var(--hop-red);
  }
  .orange-bar {
    background-color: var(--hop-o);
  }
  .yellow-bar {
    background-color: var(--hop-g);
  }
  .green-bar {
    background-color: var(--hop-sec);
  }
  #toggleHscore .cont-bar {
    width: 90%;
    float: left;
  }
  #toggleHscore [tipo="trend"] {
    width: 10%;
    float: left;
  }
  #toggleHscore .cont-trend {
    border-radius: 50%;
    margin-left: 10px;
    line-height: 1.5;
    width: 1.5rem;
    text-align: center;
  }


/* END @FS H-SCORES */

/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */



.row-for-form {
  justify-content: unset;
}

/** @GF CSS of Vertical timeline BLE**/
.main-timeline{
  margin: 20px 0;
  position: relative;
}
#miatimeline{
  padding: 20px 20px 0px 20px !important;
}
.main-timeline:before{
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #ff794a;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.main-timeline .timeline{
/* margin-bottom: 10px; */
  position: relative;
}
.main-timeline .timeline:after{
  content: "";
  display: block;
  clear: both;
}
.main-timeline .icon{
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.main-timeline .icon:before,
.main-timeline .icon:after{
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.33s ease-out 0s;
}
.main-timeline .icon:before{
  background: #fff;
  border: 2px solid var(--hop);
  left: -3px;
}
.main-timeline .icon:after{
  border: 2px solid #ff794a;
  left: 3px;
}
.main-timeline .timeline:hover .icon:before{
  left: 3px;
}
.main-timeline .timeline:hover .icon:after{
  left: -3px;
}
.main-timeline .date-content{
  width: 50%;
  float: left;
  position: relative;
}
.main-timeline .date-content:before{
  content: "";
  width: 32.5%;
  height: 2px;
  background: #ff794a;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
}
.main-timeline .date-outer{
  width: 175px;
  height: 175px;
  font-size: 16px;
  color: #000;
  text-align: center;
  margin: auto;
  z-index: 1;
}
.main-timeline .date-outer:before,
.main-timeline .date-outer:after{
  content: "";
  width: 195px;
  height: 175px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.33s ease-out 0s;
}
.main-timeline .date-outer:before{
  background: #fff;
  border: 2px solid var(--hop);
  left: -6px;
}
.main-timeline .date-outer:after{
  border: 2px solid #ff794a;
  left: 6px;
}
.main-timeline .timeline:hover .date-outer:before{
  left: 6px;
}
.main-timeline .timeline:hover .date-outer:after{
  left: -6px;
}
.main-timeline .date{
  width: 100%;
  margin: auto;
  position: absolute;
  top: 33%;
  left: 0;
}
.main-timeline .month{
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.main-timeline .year{
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #111;
  line-height: 36px;
}
.main-timeline .timeline-content{
  width: 50%;
  padding: 20px 0 20px 20px;
  float: right;
}
.main-timeline .title{
  font-size: 17px;
  font-weight: 700;
  color: #111;
  line-height: 24px;
  text-transform: uppercase;
  /* margin: 0 0 15px 0; */
}
.main-timeline .description{
  font-size: 14px;
  color: #787878;
  margin-bottom: 0;
}
.main-timeline .timeline:nth-child(2n) .date-content{
  float: right;
}
.main-timeline .timeline:nth-child(2n) .date-content:before{
  left: 10px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content{
  padding: 20px 20px 20px 0;
  text-align: right;
}
@media only screen and (max-width: 990px){
  .main-timeline .date-content:before{
      width: 22.5%;
  }
  .main-timeline .timeline-content{
      padding: 10px 0 10px 30px;
  }
  .main-timeline .title{ font-size: 17px; }
  .main-timeline .timeline:nth-child(2n) .timeline-content{
      padding: 10px 30px 10px 0;
  }
}
@media only screen and (max-width: 767px){
  .main-timeline:before{
      margin: 0;
      left: 7px;
  }
  .main-timeline .timeline{
      margin-bottom: 20px;
  }
  .main-timeline .icon{
      margin: auto 0;
  }
  .main-timeline .date-content{
      width: 95%;
      float: right;
  }
  .main-timeline .date-content:before{
      display: none;
  }
  .main-timeline .date-outer,
  .main-timeline .date-outer:before,
  .main-timeline .date-outer:after{
      width: 130px;
      height: 130px;
  }
  .main-timeline .date{
      top: 30%;
  }
  .main-timeline .year{
      font-size: 26px;
  }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content{
      width: 95%;
      text-align: center;
      padding: 10px 0;
  }
  .main-timeline .title{
      margin-bottom: 10px;
  }
}
/* END CSS OF VERTICAL TIMELINE*/

/*@GF CSS TO APP HOME LANDSCAPE*/
@media screen and (max-width: 1280px) and (orientation:landscape){
  #landscapeApp{
    margin-top: 3rem;
  }
}

/*@GF LINE ANIMATION FOR APP TRACCIAMENTO ATTIVITA IN FASI*/
.line {
  width: 100px;
  height: 2px;
  background: var(--hop);
  position: inherit;
}

#line_1{
-webkit-animation: line_1_animation 3s infinite;
animation: line_1_animation 3s infinite;
}

@keyframes line_1_animation {
  0%   {left: calc(2% + 21rem); width: 0px;}
  35%   {left: calc(2% + 0px); width: 21rem;}
  70%   {left: calc(2% + 0px); width: 0px;}
  100%   {left: calc(2% + 0px); width: 0px;}
}

@-webkit-keyframes line_1_animation {
  0%   {right: calc(2% + 21rem); width: 0px;}
  35%   {right: calc(2% + 0px); width: 21rem;}
  70%   {right: calc(2% + 0px); width: 0px;}
  100%   {right: calc(2% + 0px); width: 0px;}
}

@keyframes line_1_animation {
  0%   {right: calc(2% + 21rem); width: 0px;}
  35%   {right: calc(2% + 0px); width: 21rem;}
  70%   {right: calc(2% + 0px); width: 0px;}
  100%   {right: calc(2% + 0px); width: 0px;}
}

#progr-int-contr-man [tgvista="OPERAZIONIPROGRAMMATEINTCONTRMAN"] table th {
  text-align: center;
}

/* @FS input range valore real time */
.slidecontainer .valuePopupFS{
  position:relative;
  width:100%;
}

.slidecontainer .valuePopupFS span{
  position: absolute;
  /* height:45px;
  width:380px; */
  width: max-content;
  background-color: var(--hop);
  border-radius: 10px;
  font-size: 0.7rem;
  padding: 0.3rem;
  color: white;
  font-weight: 500;
  top: -40px;
  transform: translateX(-50%) scale(0);
  transform-origin: bottom;
  transition: transform 0.3s ease-in-out;
  /* line-height: 55px; */
  z-index: 2;
}

input[type=range]::-webkit-slider-thumb {
  border-radius: 100%;
}

.slidecontainer .valuePopupFS span.show{
  transform: translateX(-50%) scale(1);
}

/* END @FS input range valore real time */
/* PJ consuntivazione fasi lavorative */
.faseScartata {
  border-color: var(--hop-o);
  border-radius: 0.3rem;
  border-style: groove;
  border-width: 6px;
  background-color: var(--hop-sfondo-verde-leggero);
}

.faseConfermata {
  border-color: var(--hop);
  border-radius: 0.3rem;
  border-style: groove;
  border-width: 6px;
  background-color: var(--hop-sfondo-verde-medio);
}

.internoFase{
  background-color: var(--hop-sfondo-verde-medio);
}

.faseScartata .internoFase{
  background-color: var(--hop-sfondo-verde-leggero);
}

select.formapp {

    display: unset;
    background-color: var(--hop-sfondo-verde-medio);
    color:white;
    max-height: 26px;
    width:80%;
  

}


@media screen and (max-width: 1280px){
.row-for-form .box {
    width: 100%;
    position: relative;
    margin-bottom:0;
    /* margin-bottom: 75px; */
}
}


/* SIMULA APP DA DESKTOP */
#containerApp i[onclick] {
  cursor: pointer;
}
/* SIMULA APP DA DESKTOP END */

.labelHomeApp{
  color:white;
  font-size: 0.7rem;
  /* text-align: center; */
  margin-top: 0.3rem;
}
/* --- TABLE APP --- */
[tipo="tabapp"] [tipo="header"] label {
  color: var(--hop);
  margin-top: 10px;
  margin-bottom: 0px;
  position: absolute;
}

.row[tipo="header"] {
  min-height: 2.5rem;
}

[tipo="tabapp"] [tipo="body"] {
  /* margin-top: 2.5rem; */
  margin-top: 1rem;
}

[tipo="tabapp"] [tipo="riga"] {
  /* align-items: center; */
  max-height: 2.5rem;
  overflow-y: hidden;
}

[tipo="tabapp"] [tipo="riga"] .col {
  max-height: 2rem;
  overflow: hidden;
  /* margin-left: 0.2rem; */
}

[tipo="tabapp"] [tipo="riga"] .col.nohl {
  max-height: unset;
  
  /* margin-left: 0.2rem; */
}

[tipo="tabapp"] [tipo="riga"] span {
  font-size: 0.6rem;
  color: #333;
}

[tipo="tabapp"] [tipo="riga"] i {
  color: #333;
  float: right;
}

/* --- TABLE APP END --- */


.selectize-control .selectize-input {
  overflow: hidden;
}

.selectize-dropdown.single.form-control {
  z-index: 401;
}

#eventoPian p {
  white-space: break-spaces;
  /* background-color: var(--hop-sfondo1); */
}

#SHOWHELP p{
  text-align: justify;
  margin-bottom: 0rem;
}

#cursorpointerDoc{
  cursor: pointer;
}
.cursorNormal *{
  cursor: default !important;
}

#ulelencopuntatodoc{
  list-style-type: decimal;
}


/* --- SELECTIZE HOP --- */
#selhop.selectize-control .selectize-dropdown .option.active {
  background-color: #f5fafd;
  color: #495c68;
  cursor: pointer;
}

/* --- FINE SELECTIZE HOP --- */



#ALL_LOGS .rounded-corners-gradient-borders {
  border-radius: 0.5rem;
}

#ALL_LOGS [tipo="ALL_LOGS_COL"] h6 {
  width: 22rem;
  white-space: nowrap;
  overflow: hidden;
}

#ALL_LOGS [tipo="ALL_LOGS_UL"] {
  list-style: none;
  height: 9.4rem;
  overflow-y: auto;

  scrollbar-color: var(--hop-sec) var(--hop);
  scrollbar-width: thin;
}

#ALL_LOGS [tipo="ALL_LOGS_UL"]::-webkit-scrollbar {
  width: 2px;
  background-color: var(--hop);
}

#ALL_LOGS [tipo="ALL_LOGS_UL"]::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec);
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] {
  width: fit-content;  
  display: inline-block;
  align-items: center;
  margin: 0 0.3rem 0.1rem 0;
  color: #fff;
  /* height: 4rem; */
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="testo"] {
  margin: 0 0 0 0;
  font-size: 0.8rem;
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] {
  text-align: center;
  font-size: 0.7rem;  
  display: flex;
  /* min-width: 6rem; */
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] div {
  /* margin: 0 0.3rem 0.1rem 0; */
  min-width: 1.5rem;
  display: inline-table;
  color: #fff;
}

#ALL_LOGS [tipo="ALL_LOGS_UL"].hop {
  background-image: linear-gradient(to bottom right, var(--hop-sec), var(--hop)), radial-gradient(circle at top left, var(--hop), var(--hop-sec));
}

#ALL_LOGS [tipo="ALL_LOGS_UL"].hop-red {
  background-image: linear-gradient(to bottom right, var(--hop-sec), var(--hop)), radial-gradient(circle at top left, var(--hop-red), var(--hop-o));
}

#ALL_LOGS [tipo="ALL_LOGS_UL"].hop-yellow {
  background-image: linear-gradient(to bottom right, var(--hop-sec), var(--hop)), radial-gradient(circle at top left, var(--hop-g), var(--hop-o));
}

#ALL_LOGS [tipo="ALL_LOGS_UL"].hop-grey {
  background-image: linear-gradient(to bottom right, var(--hop-sec), var(--hop)), radial-gradient(circle at top left, var(--hop-chatinactive), var(--hop-grey));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"].hop {
  /* background-image: linear-gradient(to bottom right, var(--hop), var(--hop-sec)); */
  background-image: linear-gradient(to bottom right, var(--hop), var(--hop));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"].hop-red {
  /* background-image: linear-gradient(to bottom right, var(--hop-red), var(--hop-o)); */
  background-image: linear-gradient(to bottom right, var(--hop-red), var(--hop-red));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"].hop-yellow {
  /* background-image: linear-gradient(to bottom right, var(--hop-g), var(--hop-o)); */
  background-image: linear-gradient(to bottom right, var(--hop-o), var(--hop-o));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"].hop-grey {
  /* background-image: linear-gradient(to bottom right, var(--hop-chatinactive), var(--hop-grey)); */
  background-image: linear-gradient(to bottom right, var(--hop-grey), var(--hop-grey));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] div.hop {
  background-image: linear-gradient(to bottom right, var(--hop), var(--hop-sec));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] div.hop-yellow {
  background-image: linear-gradient(to bottom right, var(--hop-g), var(--hop-o));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] div.hop-red {
  background-image: linear-gradient(to bottom right, var(--hop-red), var(--hop-o));
}

#ALL_LOGS [tipo="ALL_LOGS_LI"] [tipo="contTOT"] div.hop-grey {
  background-image: linear-gradient(to bottom right, var(--hop-chatinactive), var(--hop-grey));
}


/* --- BACK TO TOP --- */

.backtotop-hop {
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: var(--hop);
  border-radius: 25px;
  text-align: center;
  border: 2px solid var(--hop-sfondo-verde-leggero);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: var(--hop-sfondo-verde-leggero);
}

.backtotop-hop.active {
  bottom: 15px;
  opacity: 1;
}

.backtotop-hop .arrow {
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}


/* --- @GD Release Notes --- */
.RN_main {
  background-color: #E6EFEF;
  padding: 30px 100px 30px 100px;
  border-radius: 30px;
}

/* @DP media query per release notes in app */
@media (max-width: 992px){
  .RN_main{
    padding-left: 10px;
    padding-right: 10px;
  }
}

.RN_main .RN_main_title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.RN_main .RN_main_title i {
  position: absolute;
  left: 2rem;
}

.RN_main .RN_main_title h3 {
  /* text-align: center; */
  font-size: 1.875rem;
  line-height: 1em;
  margin: 0px;
  padding: 0px;
  font-weight: 700;
  color: #438E8E;
}

.RN_main .RN_row {
  position: relative;
  margin-top: 1rem;
}

.RN_main .RN_row [tipo="contActionsRow"] {
  position: relative;
  left: -5.9%;
}

.RN_main .RN_row [tipo="contActionsRow"] i {
  display: block;
  padding: 0 0 0.5rem 0;
}

.RN_main .RN_col .title-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-image: url(/hopperix/img/plus-open.svg);
  background-repeat: no-repeat;
  background-size: contain;
  outline: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  float: left;
  margin-right: 1rem;
}

.RN_main .RN_col .title-icon.minus {
  background-image: url(/hopperix/img/minus-close.svg);
}

.RN_main .RN_col .cont-title .input-da-sostituire {
  width: 86%;
}

.RN_main .RN_col .title {
  color: #438E8E;
  font-weight: bold;
  font-size: 1.15rem;
}

.RN_main .RN_col ul {
  list-style: none;
  padding-inline-start: 20px;
  color: #234C50;
  background-color: #d6e4e5;
  border-radius: 15px;
  overflow: hidden;
}

.RN_main .RN_col ul .RN_li {
  padding: 0.5rem 0 0.5rem 0;
  background: url(/hopperix/img/plus-orange.svg) no-repeat;
  padding-left: 20px;
  background-size: 13px;
  background-position: left center;
  position: relative;
  margin-left: 1em;
}

.RN_main .RN_col ul .input-da-sostituire {
  margin: 0.5rem 0 0.5rem 0;
  width: 92%;
}

.input-da-sostituire {
  border-radius: 10px;
  border: 0;
  padding-left: 10px;
  /* width: 95%; */
}


#main_stats_clienti .form.form-control.selectize-control {
  background-color: #fff;
}

.selcommessa {
  width: 300px;
}

tr.tipoclasse_MODELLOSELEZIONATO td {
  background-color: var(--hop-o);
}

tr.tipo_COMMESSAFATTURABILE td {
  background-color: #FADADD;
}

tr.tipoclasse_MANODOPERAFESTIVA td {
  background-color: var(--hop-g);
}

#loading [tipo="loader"] {
  background-color: var(--hop-sfondo-verde-medio);
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #234C50;
  width: 21rem;
  height: 21rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  -webkit-box-sizing: unset!important;
  box-sizing: unset!important;
}
#loading img {
  width: 10rem;
  position: relative;
  top: 12rem;
  left: 5rem;
  z-index: 1;
}
#loading [tipo="loader"]::before {
  -webkit-box-sizing: unset!important;
  box-sizing: unset!important;
}

#loading [tipo="loader"]::after {
  -webkit-box-sizing: unset!important;
  box-sizing: unset!important;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#NEW_INS_RAPPORTINI.rapportinodisabilitato * {
  pointer-events: unset;
  cursor: pointer;
}
/* #NEW_INS_RAPPORTINI.rapportinodisabilitato *:not([bottone="chiudiRapportino"]), #NEW_INS_RAPPORTINI.rapportinodisabilitato *:not([tipo="btn-chiudi"]) {  */
  #NEW_INS_RAPPORTINI.rapportinodisabilitato *:not([bottone="chiudiRapportino"]):not([tipo="btn-chiudi"]) { 
  pointer-events: none;
  cursor: not-allowed;
}

#NEW_INS_RAPPORTINI [class*="col-"] {
  padding: 0 0.3rem;
}
#NEW_INS_RAPPORTINI .col {
  padding: 0 0.3rem;
}

#infoRapp2 .box {
  padding-bottom: 0;
}
/* #ComponentDetail table .selectize-control.single .selectize-input {
  z-index: 0;
} */

.search-in-table .search {
  margin-left: 1rem;
}

/* --- ANDAMENTO COMMESSE --- */
#main-and-commesse .row.riga-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#main-and-commesse .row.riga-actions .search-in-table input.search {
  background-color: #fff;
  border: 2px solid var(--hop-sfondo-verde-medio);
  /* border-radius: 0; */
  width: 100%;
  color: var(--hop-sfondo-verde-medio);
}

#main-and-commesse .row.riga-actions .search-in-table input.search::placeholder {
  color: #9bc2e6;
}

#main-and-commesse .row.riga-actions [tipo="paginazione"] .toggle-btn {
  height: 1.5rem;
}

#main-and-commesse .row.riga-actions [tipo="paginazione"] .toggle-btn .round-btn {
  width: 1rem;
  height: 1rem;
  left: 0.4rem;
  top: 0.25rem;
}

#main-and-commesse .row.riga-actions [tipo="paginazione"] .toggle-btn.active .round-btn {
  left: 1.8rem;
}

#main-and-commesse .row.riga-actions [tipo="paginazione"] span {
  padding-left: 1rem;
}

#main-and-commesse .row.riga-actions [tipo="paginazione"] span a {
  /* background-color: #5b9bd5; */
  background-color: var(--hop-sec);
}

#main-and-commesse .row.riga-comm .col-descr {
  align-self: center;
  /* background-color: #D8EDE6; */
  /* background-color: #5b9bd5; */
  /* background-color: #9bc2e6; */
  /* border-radius: 2rem; */
  /* border: 2px solid #9bc2e6; */
  /* border: 2px solid #5b9bd5; */
  background-color: var(--hop-sec);
  border: 2px solid var(--hop-sfondo-verde-medio);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  color: white;
  justify-content: space-between;
}

#main-and-commesse .row.riga-comm .col-descr p {
  margin: 0.5rem 0;
}

#main-and-commesse .row.riga-comm .run-state {
  padding: 0 0 0 1.25rem;
}

#main-and-commesse .row.riga-comm .run-state .sub-row {
  /* border: 2px solid var(--hop); */
  border: 2px solid #92d050;
  margin: 2px 0;
}

#main-and-commesse .row.riga-comm .run-state .sub-bar {
  height: 2.15rem;
  border-radius: 0px;
  /* background-color: #63c384; */
  background-color: var(--hop-o);
  margin: 0;
  /* width: 100%; */
  height: 100%;
}

#main-and-commesse .row.riga-comm .run-state .row-bar {
  /* border: 2px solid var(--hop); */
  /* border: 2px solid #92d050; */
  border: 2px solid var(--hop-g);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #f8d6b5;
  margin: 2px 0;
  height: 2.75rem;
  min-width: 10%;
}

#main-and-commesse .row.riga-comm .run-state .row-bar .bar {
  white-space: nowrap;
  /* height: 2.5rem; */
  font-size: 120%;
  /* line-height: 2.7rem; */
  line-height: 2.4rem;
  border-radius: 0px;
  width: 100%;
  /* border: 1px solid #256071; */
}

#main-and-commesse .row.riga-comm .run-state .row-bar .bar span {
  float: right;
  position: relative;
  top: -2.5rem;
  font-size: 0.7rem;
  opacity: 1;
  padding-right: 0.3rem;
}

#main-and-commesse .row.riga-comm .run-state .row-bar .bar .sub-bar p {
  font-size: 0.7rem;
  padding-left: 0.3rem;
  color: white;
}



/* --- FINE ANDAMENTO COMMESSE --- */

#CommessaTab6 .chart-pie {
  height: auto !important;
}

[tipo="editATTREZZATURA"] .quant_ass_artgen, [tipo="editMACCHINAEDILE"] .quant_ass_artgen, [tipo="editVEICOLI"] .quant_ass_artgen, [tipo="editDPI"] .quant_ass_artgen {
  display: none;
}

div#NEW-PAGINA-GERARCHIA [tipo="rowUtentePadre"] .card-widget {
  background-color: var(--hop-sfondo-verde-medio);
  cursor:context-menu;
  border-radius: 1rem;
}

/* WURTH */
#container-tabelle-metel-e-distributori [tipo="contProducts"] table td img {
  max-height: 5rem !important;
}
/* END WURTH */

/* CONTRATTI HOPPERIX */
#contrattohopperix table .ch_percentuale input {
  text-align: right;
}
#contrattohopperix table tr.tipo_TABLEIMPORTIBB td {
  border-bottom: 1pt solid #333333;
}
#contrattohopperix table tr.tipo_TABLEIMPORTITOT td, #contrattohopperix table tr.tipo_TABLEIMPORTITOT td input {
  font-weight: bold;
}
/* END CONTRATTI HOPPERIX */

/* Context menu TH */
.th-context-menu {
  display: none;
  position: absolute;
  min-width: 100px;
  background: white;
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);;
  color: #333;
  z-index: 99;
  border-radius: .5rem;
  margin-top: -10px;
  margin-left: 50px;
  cursor: move;
  text-align: left;
}
.th-context-menu-close {
  width: 100%;
  background-color: #54777B;
  height: 25px;
  padding: 3px 3px 3px .5rem;
  margin-bottom: .5rem;
  color: white;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.th-context-menu-close i {
  float: right;
  cursor: pointer;
  margin: 3px;
}
.th-context-menu-body {
  margin: .5rem;
}
.th-context-menu label {
  font-size: .7rem;
}
.th-context-menu input.search {
  margin-left: 0;
}
.th-context-menu-filter {
  display: none;
}
.th-context-menu a {
  width: 100%;
  margin-top: .5rem;
  text-align: center;
}
.th-context-menu-hide, .td-context-menu-hide {
  display: none;
}
.flt-context-menu {
  background-color: #438E8E;
  color: white;
  border-radius: 9px;
  line-height: 18px;
  height: 18px;
  font-size: 11px;
  padding: 0 5px;
  margin: 3px 0 0 10px;
}
.flt-context-menu i.fa-times-circle {
  cursor: pointer;
}
.th-drag-start {
  background-color: var(--hop-g);
}
.th-droppable {
  background-color: var(--hop);
}

/* end Context menu TH */
/* end Context menu TH */

/* AGENDA */

table[tipo="fs_agenda_table"] thead th {
  font-size: 1.3rem;
  background-color: transparent;
  border: none;
  padding-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

table[tipo="fs_agenda_table"] td { font-size: 12px; }

table[tipo="fs_agenda_table"] > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; }
table[tipo="fs_agenda_table"] > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_head"] td:first-child { border-top-right-radius: 10px; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_head"] td:last-child { border-top-left-radius: 10px; }
table[tipo="fs_agenda_table"] tr:hover > td { background-color: rgba(0,0,0,0.07); }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_head"] td { background-color: var(--hop-sec); color: white; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] td:last-child { border-bottom: none; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] > td { padding: 0; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] > td > table { padding: 0 4px; border-radius: 0; }

table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] { height: 100%; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr:not(:last-child) { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid var(--hop-sfondo-verde-medio);}
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td { border: none; padding: 2px 1px; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tdorario { width: 9%; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tdtiposcad { width: 20%; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tddescrizione { width: 34%; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tdpersone { width: 32%; }
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tdstato { width: 2%; text-align: center;}
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr td.fs_day_tabletd.tdtassativa { width: 3%; text-align: center;}
table[tipo="fs_agenda_table"] tr[tipo="fs_day_body"] table[tipo="fs_day_table"] tr[rigascadenza] td {background-color: var(--hop-o); color: white !important; border-bottom: 1px solid white;}

div[tipo="effective-table-cont"] > div.agendacont::-webkit-scrollbar { width: 0 !important }
div[tipo="effective-table-cont"] > div.agendacont { overflow: -moz-scrollbars-none; -ms-overflow-style: none; }

#agenda_right_part_cont{
  background-color: #E6EFEF;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  height: 80.5vh;
  overflow-y: hidden;
}

#agenda_right_part_cont input[type='text']{
  border-radius: 10px;
  border: 0;
  font-size: 12px;
  background-color: #F8FAFA;
  color: #54777B;
  width: 100%;
  padding: 5px 10px;
}

#agenda_right_part_cont > div{ height: 100%; }
#agenda_right_part_cont > div:not(.selected) { display: none; }
#agenda_right_part_cont b.pointer:hover { color: white; border-bottom: 1px solid white; }
#agenda_right_part_cont .right_part_inner_cont.type_a .item[tipo="main-scadenza-badge"] .rounded_icon.no-mes {
  background-color: var(--hop-sfondo-verde-room);
  cursor: default;
}

/* [tipo="agendafiltri"] { float: right; width: 80%; position: relative; left: 7%; } */
[tipo="agendafiltri"] input::placeholder { color: var(--hop-o) !important; }
/* END AGENDA */

/* H-Scrollbar by @MGFS */

::-webkit-scrollbar {
	background:transparent !important;
  width: 5px!important;
  height: 5px!important;
}
 
::-webkit-scrollbar-thumb {
  background-color: var(--hop-sec)!important;
  border-radius: 10px!important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--hop)!important; 
}
::-moz-scrollbar {
  width: 10px!important;
  height: 6px!important;
}
html, html *{
  scrollbar-width: thin!important;
  scrollbar-color: var(--hop-sec) transparent!important;
} 

/* GF - rimozione datepicker per input date disabled */
input[type="date"]:disabled::-webkit-calendar-picker-indicator {
  display: none;
}

/* GF - riduzione celle tabelle */
.tabts-cel, .tabts-celh {
  padding: 1px 4px;
  min-height: 17px;
}

.tabts-cel .form-control, .tabts-cel span,  .tabts-cel .tabts-input {
  padding: 0;
  margin: 0;
  font-size: .6rem!important;
}

.tabts-cel div[tipo="RICERCHE"] .form-control {
  font-size: 1rem!important;
}

.tabts-cel span.tabazioni {
  font-size: 1.5rem!important;
  padding-left: 1rem;
}
/*
.tabts-cel .selectize-control.single .selectize-input {
  margin: 0;
}

.tabts-cel .selectize-control.single .selectize-input>input, .tabts-cel .selectize-control.single .selectize-input>div {
  font-size: .6rem;
  font-weight: normal;
}
*/
.tabts-cel[tipo="TDDATAEDIT"] {
  padding: 2px 4px;
}

.tabts-cel input[type="date"].form-calendar {
  padding: 0 0 1px 4px;
}

.tabts-cel textarea.tabts-input:empty {
  height: 15px;
}

.selectize-input {
  z-index:unset;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #438E8E;
}


/* center EveryThing */
.centerET {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabts-cel span.spanPN {
  font-size: 1rem !important;
}

.tabts-cel span[tipo="pagtot"] {
  font-size: 1rem !important;
}
/* per pagina diventaClienteNP.html */
.container-box {
	width: 33.333333333%;
	padding:1rem;
}

.container-box .box{
	width: 100% !important;
}
/* per pagina diventaClienteNP.html */

/* carosello cantieri */
.mi-menu-select-opt div.mi-menu-select-item.disabled {color: var(--hop-chatinactive);}
.mi-media .mi-md-video, .mi-media .mi-md-file, .mi-media .mi-md-foto  {text-align: center; margin-top: 1rem;}
.mi-media .mi-md-video iframe {width: 100%; height: 100%;}
.mi-media .mi-md-thmb-body {width: 30rem; height: 16.88rem; margin: 0 auto;}
.mi-media .mi-md-thmb-button {width: 30rem; height: 16.88rem; position: absolute; cursor: pointer; z-index: 100;}
.mi-media .mi-md-thmb-button.md-foto {background: url("/html/hopperix/img/FotoVerde.svg") no-repeat center center; background-size: cover;}
.mi-media .mi-md-file img {width: 30rem;}
.mi-media .mi-md-thmb-body img {max-width: 30rem; max-height: 16.88rem;}
.mi-md-thmb-button.md-video {display: none;}
.mi-foto-image-panel {z-index: 1001; position: absolute; width: 100%; height: 50%; padding: 0; margin: 0; top:0; left: 0; display: none; box-shadow: 0 0 50px var(--hop);}
.mi-show-back {height: 2rem; display: none;}
.mi-show-back a {float: right; font-weight: bold;}
.mi-show-back i {font-size: 1.25rem;}
.mi-foto-preview .mi-foto-body {padding: 1rem 2rem; width: 100%; text-align: center; align-self: center;}
.mi-foto-preview .mi-show-foto {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /*width: calc(100% - 3rem);*/ margin: 0 auto; justify-content: space-between; min-height: 30rem;}
.mi-foto-preview .mi-show-foto .mi-show-btn {width: 5rem; position: relative;}
.mi-foto-preview .mi-show-foto .mi-show-btn a {font-size: 5rem; /*line-height: 22rem*/; font-weight: bold; line-height: 5rem; top: calc(50% - 2.5rem); left: calc(50% - 1.5rem); position: absolute;}
.mi-foto-preview .mi-show-foto .mi-show-btn a:hover {color: var(--hop-g);}
.mi-foto-preview .mi-show-foto .mi-show-btn a>i:hover {text-shadow: 5px 5px 10px var(--hop), -5px -5px 10px var(--hop), 5px -5px 10px var(--hop), -5px 5px 10px var(--hop);}
.mi-foto-preview .mi-show-foto .mi-show-btn a.disabled {color: var(--hop-chatinactive); cursor: default;}
.mi-foto-preview .mi-show-foto .mi-show-btn a.disabled>i:hover {text-shadow: none;}
.mi-foto-preview .mi-show-img {align-self: center;}
.mi-foto-preview .mi-show-img img {max-width: 40rem; max-height: 27rem; cursor: pointer;}
.mi-foto-preview .mi-foto-body .mi-foto-msg {font-size: .8rem; margin-top: 1rem;}
.mi-foto-preview .mi-gallery-foto {width: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin-top: .5rem; flex-wrap: nowrap;}
.mi-foto-preview .mi-gallery-cont {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: nowrap; width: calc(100% - 4rem);}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn {width: 2rem; align-self: center;}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn a {font-size: 3rem; line-height: 4rem; font-weight: bold;}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn a:hover {color: var(--hop-g);}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn a>i:hover {text-shadow: 5px 5px 10px var(--hop), -5px -5px 10px var(--hop), 5px -5px 10px var(--hop), -5px 5px 10px var(--hop);}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn a.disabled {color: var(--hop-chatinactive); cursor: default;}
.mi-foto-preview .mi-gallery-foto .mi-gallery-btn a.disabled>i:hover {text-shadow: none;}
.mi-foto-preview .mi-gallery-foto .mi-thmb-foto-small {position: relative; padding: 0; cursor: pointer; flex: initial; text-align: center; border: 1px solid white; margin: 0 .1rem;}
.mi-foto-preview .mi-gallery-foto .mi-thmb-foto-small img {width: 100%; height: 100%; /* position: absolute; */ object-fit: contain; right: 0;}
.mi-foto-image-panel-body {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.mi-foto-image-panel-tools {float: right; padding: .5rem; background-color: rgba(0,0,0, .5);}
.mi-foto-image-panel-btn {font-size: 4rem; color: var(--hop-g); font-weight: bold; margin: .5rem;}
.mi-foto-image-panel-btn:hover {color: var(--hop-g);}
.mi-foto-image-panel-btn>i:hover {text-shadow: 5px 5px 10px var(--hop-sfondo-verde-leggero), -5px -5px 10px var(--hop-sfondo-verde-leggero), 5px -5px 10px var(--hop-sfondo-verde-leggero), -5px 5px 10px var(--hop-sfondo-verde-leggero);}
/* fine carosello cantieri */

/* RELEASE NOTES */
div#OPEN_RELEASE_NOTES {
  position: fixed;
  width: 70%;
  height: auto;
  max-height: 70vh;
  overflow-y: auto;
  top: 15%;
  left: 15%;
  box-shadow: 0 0 10px black;
  border-radius: 30px;
  padding: 1rem;
  background-color: white;
  z-index: 999;
}
div#OPEN_RELEASE_NOTES .card-release:not(:last-child) {
  margin-bottom: 3rem;
}

/* FINE RELEASE NOTES */

/* BLOCCO EDITING */
.sbloccareediting {
  display:none;
}
/* FINE BLOCCO EDITING */

.tpsconto {
  width:130px;
}
.evidenzia1, tr.tipo_CAPITOLO td.evidenzia1{
  background-color: lightyellow;
}
.evidenzia1.evidenzia2, tr.tipo_CAPITOLO td.evidenzia1.evidenzia2 {
  background-color: lightcyan;
}

td.implemented{
  background-color: gold;
}

td.daimplementare{
  background-color: lightyellow;
}


input#nomeClienteFirma::placeholder{
  font-size: 0.8rem;
  color: var(--hop);
}

.wrapperdiscomauro {
  height: 10px;
  margin-bottom: 40px;
  border-radius: 12px;
  margin-top: 40px;
  background: linear-gradient(90deg in hsl longer hue, red 0 50%) 0/200%;
  animation-duration: 4s;
  animation-name: discomauro;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes discomauro{
  to {background-position:100%;}
}

/* .wrapperdiscomauro {
  height: 10px;
  margin-bottom: 40px;
  border-radius: 12px;
  margin-top: 40px;
  background: linear-gradient(90deg, var(--hop-g) 20%, var(--hop-o) 40%,  var(--hop-red) 60%, var(--hop-sec) 80%, var(--hop) 100%) 0/200%;
  animation-duration: 4s;
  animation-name: discomauro;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes discomauro{
  to {background-position:200%;}
} */

.red-mc {
  background-color: var(--hop-redmc);
}