/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url("color.css");

/*COLORI*/

.gradient-45deg-primary {
  background: var(--primary);
  background: -webkit-linear-gradient(
    45deg,
    var(--primary) 0%,
    var(--primary_dark) 100%
  );
  background: linear-gradient(
    45deg,
    var(--primary) 0%,
    var(--primary_dark) 100%
  );
}

.bc_primary {
  background-color: var(--primary) !important;
}

.c_primary {
  color: var(--primary);
}

.pointer_events_all {
  pointer-events: all !important;
}

.select2-selection:focus {
  outline: none;
}

.nav-collapsed .collapsible-body {
  display: none !important;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
}

body {
  background-color: #f4f4f4;
}

.m_b_14gestint_16gestdoc {
  margin-bottom: 16px !important;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid var(--primary);
  box-shadow: 0 1px 0 0 var(--primary);
}

input:not([type]):focus:not([readonly]) + label,
input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
input[type="datetime-local"]:not(.browser-default):focus:not([readonly])
  + label,
input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: var(--primary);
}

.input-field .prefix.active {
  color: var(--primary);
}

[type="checkbox"]:checked + label:before {
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}

.dropdown-content li > a,
.dropdown-content li > span {
  color: var(--primary);
}

.notification-badge {
  color: #26485b;
}

.progress {
  background-color: rgba(206, 206, 206, 0.6);
}

.progress.tab_progress {
  background-color: rgba(206, 206, 206, 1);
  margin-top: -5px;
}

.progress .indeterminate,
.progress .determinate {
  background-color: var(--primary);
}

input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type="text"]:not(.browser-default):disabled,
input[type="text"]:not(.browser-default)[readonly="readonly"],
input[type="password"]:not(.browser-default):disabled,
input[type="password"]:not(.browser-default)[readonly="readonly"],
input[type="email"]:not(.browser-default):disabled,
input[type="email"]:not(.browser-default)[readonly="readonly"],
input[type="url"]:not(.browser-default):disabled,
input[type="url"]:not(.browser-default)[readonly="readonly"],
input[type="time"]:not(.browser-default):disabled,
input[type="time"]:not(.browser-default)[readonly="readonly"],
input[type="date"]:not(.browser-default):disabled,
input[type="date"]:not(.browser-default)[readonly="readonly"],
input[type="datetime"]:not(.browser-default):disabled,
input[type="datetime"]:not(.browser-default)[readonly="readonly"],
input[type="datetime-local"]:not(.browser-default):disabled,
input[type="datetime-local"]:not(.browser-default)[readonly="readonly"],
input[type="tel"]:not(.browser-default):disabled,
input[type="tel"]:not(.browser-default)[readonly="readonly"],
input[type="number"]:not(.browser-default):disabled,
input[type="number"]:not(.browser-default)[readonly="readonly"],
input[type="search"]:not(.browser-default):disabled,
input[type="search"]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.87) !important;
}

[type="checkbox"].filled-in:checked + label:after {
  border: 2px solid var(--primary) !important;
  background-color: var(--primary) !important;
}

#login-page input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

/*FINE COLORI*/

/*STAMPA TABELLA*/

.allinea {
  width: 50%;
  display: inline-block;
}

.bordodestro {
  border-right: 2px solid #d8d8d8;
}

.bordosuperiore {
  border-top: 2px solid #d8d8d8;
}

/*FINE STAMPA TABELLA*/

#modale-filtro {
  /*Questo serve a dire in quante colonne splittare la lista*/
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

#modale-filtro li {
  list-style: none;
  color: black !important;
  text-align: left;
  display: block;
  width: 50%;
  padding: 5px 0;
}

#modale-filtro li a {
  color: black;
  line-height: 26px;
}

#modale-filtro li a i {
  vertical-align: top;
  padding-right: 5px;
}

input:not([type]).invalid + label:after,
input:not([type]):focus.invalid + label:after,
input[type="text"]:not(.browser-default).invalid + label:after,
input[type="text"]:not(.browser-default):focus.invalid + label:after,
input[type="password"]:not(.browser-default).invalid + label:after,
input[type="password"]:not(.browser-default):focus.invalid + label:after,
input[type="email"]:not(.browser-default).invalid + label:after,
input[type="email"]:not(.browser-default):focus.invalid + label:after,
input[type="url"]:not(.browser-default).invalid + label:after,
input[type="url"]:not(.browser-default):focus.invalid + label:after,
input[type="time"]:not(.browser-default).invalid + label:after,
input[type="time"]:not(.browser-default):focus.invalid + label:after,
input[type="date"]:not(.browser-default).invalid + label:after,
input[type="date"]:not(.browser-default):focus.invalid + label:after,
input[type="datetime"]:not(.browser-default).invalid + label:after,
input[type="datetime"]:not(.browser-default):focus.invalid + label:after,
input[type="datetime-local"]:not(.browser-default).invalid + label:after,
input[type="datetime-local"]:not(.browser-default):focus.invalid + label:after,
input[type="tel"]:not(.browser-default).invalid + label:after,
input[type="tel"]:not(.browser-default):focus.invalid + label:after,
input[type="number"]:not(.browser-default).invalid + label:after,
input[type="number"]:not(.browser-default):focus.invalid + label:after,
input[type="search"]:not(.browser-default).invalid + label:after,
input[type="search"]:not(.browser-default):focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after,
.select-wrapper.invalid + label:after {
  transform: translateY(7px);
}

/*SCROLL*/

/*
body {
  overflow: auto !important;
}*/

.scroll_y {
  overflow-y: auto;
  overflow-x: hidden;
}

.no_scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ccc;
}

.dropdown-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  background-color: #f5f5f5;
}

.dropdown-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ccc;
}

.dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

.modal-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  background-color: #f5f5f5;
}

.modal-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ccc;
}

.modal-content::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

.select2-results__options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  background-color: #f5f5f5;
}

.select2-results__options::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ccc;
}

.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

.dhxtreeview_cont::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  background-color: #f5f5f5;
}

.dhxtreeview_cont::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ccc;
}

.dhxtreeview_cont::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

html::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  background-color: #f5f5f5;
}

html::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  background-color: #ccc;
}

html::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

/*
html::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}*/

/*FINE SCROLL*/

.profile-image-login {
  width: 130px;
  height: auto !important;
}

#geo-zoom-out {
  display: none;
  font-size: 40px;
  color: var(--material-light-blue);
  position: absolute;
  top: 100px;
  right: 25px;
  z-index: 10;
}

#righe_lavorazioni .riga[data-nascondi="I"] .fornitore {
  /* display: none !important; */
}

.lente {
  cursor: pointer;
  vertical-align: text-bottom;
  color: #37474f;
}

.custom_chip {
  border-radius: 7px;
  width: 250px;
  max-width: 250px;
  height: 165px;
  font-size: 11px;
  background-color: #4f646f;
  color: white;
  margin: 7px;
  cursor: pointer;
  position: relative;
}

.custom_chip_btn {
  border-radius: 7px;
  width: 100px;
  height: 165px;
  font-size: 11px;
  background-color: #4f646f;
  color: white;
  margin: 7px;
  cursor: pointer;
}

.note_trasp_chip {
  border-top: 1px solid white;
  position: absolute;
  bottom: 0px;
}

.top5 {
  color: white;
  margin-top: 5px;
  padding: 3px 5px;
}

.text_limit {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.notification-badge {
  font-family: "Rubik", sans-serif;
  position: relative;
  right: 3px;
  top: -21px;
  background-color: #ffffff;
  margin: 0 -0.8em;
  border-radius: 50%;
  padding: 2px 5px;
  font-weight: 500;
}

.tabs.tabs_modal {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.tabs.tabs_modal .tab a:hover,
.tabs.tabs_modal .tab a.active,
.tabs.tabs_modal .tab a {
  color: var(--primary_dark) !important;
}

.tabs.tabs_modal .tab a.active {
  border-bottom: 3px solid var(--primary_dark) !important;
}

.input-field {
  position: relative;
  margin-top: 0rem;
}

.eti_scad {
  text-align: right;
  width: 200px;
  height: 80px;
  border: 1px solid red;
  color: red;
  padding: 5px;
}

.nopadding {
  padding: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

td,
th {
  padding: 5px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  /* border-radius: 2px; */
  font-size: 0.8rem;
  font-weight: 500;
}

.totali {
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 105px !important;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 -4px 8px rgba(0, 0, 0, 0.28);
}

#modale_evasione {
  width: 80%;
}

.fond {
  display: none;
  position: absolute;
  padding-top: 25px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.contener_general {
  -webkit-animation: animball_two 1s infinite;
  -moz-animation: animball_two 1s infinite;
  -ms-animation: animball_two 1s infinite;
  animation: animball_two 1s infinite;
  width: 44px;
  height: 44px;
}

.table-totali td {
  font-size: 1.2rem;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: transparent !important;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}

.select2-selection__rendered:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.table-totali th {
  font-size: 1rem;
  background: var(--material-light-blue);
  border-radius: 0;
  color: white;
  padding: 15px 10px !important;
}

.table-totali td,
.table-totali th {
  padding: 10px 10px;
}

.fixed-action-btn.due {
  position: fixed;
  right: 23px;
  bottom: 95px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.dropdown-content {
  max-height: 300px;
}

.pointer {
  cursor: pointer;
}

.lbl_conto {
  margin-bottom: 25px !important;
  color: grey;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 3rem;
}

.select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 3rem;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #000 transparent transparent;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}

#main .main-full .div-fixed-footer {
  padding-left: 0px;
}

#content {
  padding-top: 1rem;
}

#vers-table td {
  padding: 15px 5px;
  font-size: 0.6rem;
}

#vers-table th {
  padding: 15px 5px;
  font-size: 0.7rem;
  background: var(--material-light-blue);
  border-radius: 0;
  color: white;
}

#vers-table .anno {
  font-size: 25px;
  padding: 15px 0 0px 0;
}

#vers-table #totale-v1 td {
  padding: 15px 5px;
  font-size: 0.7rem;
  background: var(--material-light-blue);
  border-radius: 0;
  color: white;
}

.progress {
  margin: 0;
  height: 5px;
}

.chip > .chip_icon {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  font-size: 17px !important;
  color: white;
  font-style: normal;
  border-radius: 16px;
  text-align: center;
}

.top_chips .chip {
  font-size: 11px;
}

.top_chips .chip {
  height: 30px;
}

.collection .collection-item {
  border-bottom: none;
  position: relative;
  width: 100%;
  padding: 15px 10px 0px 10px !important;
  display: inline-block;
  margin-bottom: 10px;
}
.collection .collection-item:not(.disable_hover_effect):hover {
  background-color: #fdfced !important;
}
.collection .collection-item.lightgrey_on_hover:hover {
  background-color: #ececec !important;
}
.collection .collection-item-pers {
  border-bottom: none;
  position: relative;
  width: 100%;
  padding: 25px 10px 0px 10px !important;
  height: 100px;
  display: inline-block;
}

[type="checkbox"] + label {
  pointer-events: initial !important;
}

.border-red {
  border: 1px solid red !important;
  border-bottom: 1px solid red !important;
}

.nascondi {
  display: none;
}

.lista_viaggi {
  height: 325px;
  overflow-y: scroll !important;
}

.div_lista_viaggi {
  margin-top: 30px;
  width: 100%;
  height: 300;
  overflow-y: hidden;
}

.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
  float: none;
  margin: 0 10px !important;
}

.dropdown-content li > a,
.dropdown-content li > span {
  font-size: 16px;
  color: var(--primary_dark);
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: var(--primary_dark) !important;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid var(--primary_dark) !important;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid var(--primary_dark) !important;
}

[type="radio"]:checked + label:after {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.brand-logo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

[type="checkbox"]:checked + label:before {
  border-right: 2px solid var(--primary_dark);
  border-bottom: 2px solid var(--primary_dark);
}

.datepicker,
.picker__input {
  cursor: pointer;
}

.picker__date-display {
  background-color: var(--primary_dark) !important;
}

.picker__weekday-display {
  background-color: var(--primary_dark) !important;
}

.picker__close,
.picker__today {
  color: var(--primary_dark) !important;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: rgba(55, 71, 79, 0.11);
}

.picker__day.picker__day--today {
  color: var(--primary_dark);
  font-weight: 900;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: var(--primary_dark) !important;
}

.clockpicker-display {
  color: #ffc07c !important;
}

.picker__footer .clockpicker-button {
  margin: auto;
  margin-top: 15px;
  color: var(--primary_dark);
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff;
}

.clockpicker-tick:hover {
  background-color: rgba(55, 71, 79, 0.11) !important;
}

.clockpicker-canvas-bg-trans {
  fill: rgba(245, 124, 0, 0.52) !important;
}

.clockpicker-canvas-fg.active {
  fill: var(--primary_dark) !important;
}

.clockpicker-canvas line {
  stroke: var(--primary_dark) !important;
}

.clockpicker-canvas-bg {
  fill: rgba(245, 124, 0, 0.4) !important;
}

.clockpicker-canvas-bearing {
  fill: var(--primary_dark) !important;
}

.card {
  overflow: initial;
}

.select-wrapper span.caret {
  color: initial;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 3rem;
  line-height: 3rem;
  margin: initial;
  font-size: 10px;
}

.ui-menu.ui-widget {
  z-index: 9999;
}

#fatture_pa.collapsible .collapsible-body {
  padding: 1rem;
  position: relative;
}

#fatture_pa .collapsible-header,
#lista_indirizzi .collapsible-header {
  background-color: initial;
  padding: 20px 15px;
  font-weight: 500;
}

.box_shadow_bottom {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#gestione_allegati {
  display: none;
}

img.materialboxed.active {
  border-radius: 0 !important;
  border-radius: 0 !important;
  max-height: initial;
  max-width: initial;
  transform: none;
  margin-right: initial;
}

.cont_img .dropify-wrapper {
  height: 100%;
  background-image: linear-gradient(
    -45deg,
    #efefef 25%,
    transparent 25%,
    transparent 50%,
    #efefef 50%,
    #efefef 75%,
    transparent 75%,
    transparent
  );
}

.icon_allegati {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  font-size: 15px;
  display: inline-block;
  position: absolute;
  left: 15px;
  display: inline-block;
  word-break: break-all;
  overflow: hidden;
}

.icon_allegati_chip {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: -11px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
}

.intestazione_timer .sezione {
  width: calc(50% - 5px);
  position: relative;
  height: 380px;
  display: inline-block;
  margin: 0 auto;
  overflow-y: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  margin: 20px 0;
}

.timerpage {
  width: 100% !important;
}

.word-break {
  word-break: break-word;
}

.sezione .totale {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 45px;
  line-height: 35px;
  background: white;
  width: calc(100%);
  padding: 5px 24px;
  font-size: 22px;
  font-weight: 500;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 0px 0 rgba(0, 0, 0, 0.12),
    0 0px 0px 0px rgba(0, 0, 0, 0.2);
}

.sezione .collection {
  overflow-y: scroll !important;
  height: calc(380px - 51px - 80px);
  width: calc(100% + 24px);
  padding-right: 24px;
}

.sezione textarea.materialize-textarea {
  padding: 1rem 0 1.6rem 0;
  max-height: 75px;
}

.intestazione_timer .collection .collection-item.avatar {
  min-height: 84px;
  padding: 15px 10px 15px 84px !important;
  border-bottom: 1px solid #e0e0e0;
}

.intestazione_timer .collection .collection-item.avatar:last-child {
  border-bottom: none;
}

.intestazione_timer .tempo {
  position: absolute;
  left: 0px;
  font-size: 17px;
  font-weight: bold;
  top: calc(50% - 10.5px);
}

#gest_menu .selected-icon-field {
  width: calc(100% - 60px - 1.5rem);
  margin-top: 26px !important;
  padding-left: 60px;
  position: absolute;
  left: 0.75rem;
}

#gest_menu .selected-icon-container {
  display: inline-block;
}

#gest_menu .selected-icon-container i {
  cursor: pointer;
  font-size: 50px;
  height: 50px;
  margin-top: 15px;
  margin-left: -5px;
  text-align: center;
  color: #333333;
  transition: 0.2s;
  display: inline-block;
}

#gest_menu .icons {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

#gest_menu .icons i {
  cursor: pointer;
  font-size: 50px;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  color: #333333;
  transition: 0.2s;
}

.cont_img {
  height: 250px;
  background: #f4f4f4;
  position: relative;
  transition: 0.2s;
}

.cont_img img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 48px);
  max-height: calc(100% - 48px);
}

/* .cont_img:hover {
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
} */

.riga_comandi .col {
  padding-bottom: 10px;
  padding-top: 10px;
  background: #f4f4f4;
}

.riga_comandi .col i {
  vertical-align: bottom;
  font-size: 30px;
}

#agg_immagini .dropify-wrapper .dropify-preview {
  display: none !important;
}

.dropify-preview {
  display: none !important;
}

/*****************************JSGRID*******************************************/

.jsgrid th {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.3rem !important;
}

.jsgrid .jsgrid-header-sort:before {
  margin: 7px 10px 0 0;
}

.jsgrid .jsgrid-grid-body {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.jsgrid#elenco_ricerca {
  width: 100% !important;
}

.jsgrid .striped:nth-child(odd),
.jsgrid-table .jsgrid-row {
  background: white !important;
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.36), 0 2px 10px 0 rgba(0, 0, 0, 0) !important;
}

.jsgrid .striped:nth-child(even),
.jsgrid-table .jsgrid-alt-row {
  background: #f2f2f2 !important;
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.36), 0 2px 10px 0 rgba(0, 0, 0, 0) !important;
}

.jsgrid td.jsgrid-cell {
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0.3rem !important;
}

.jsgrid-selected-row > .jsgrid-cell {
  background: #fdfced !important;
  border-color: #fdfced !important;
}

/*****************************GESTIONE MENU************************************/

div#tree_here {
  position: relative;
  min-height: calc(100vh - 440px);
}

.dhxtreeview_material div.dhxtreeview_cont {
  height: 100% !important;
  width: 100% !important;
}

.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text
  div.dhxtreeview_item_label {
  position: absolute;
  top: 0;
  margin-left: 10px;
  padding: 0 10px 0 4px;
  height: 32px;
  line-height: inherit;
  font: inherit;
  font-size: 1.2rem !important;
  color: #111;
  line-height: 30px;
  cursor: pointer;
}

.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text.dhxtreeview_item_text_selected
  div.dhxtreeview_item_label,
.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover
  div.dhxtreeview_item_label {
  background-color: transparent;
}

.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text
  div.dhxtreeview_item_icon {
  width: 32px;
  cursor: pointer;
}

.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-left: 0px solid white;
}

.dhxtreeview_material
  div.dhxtreeview_cont
  div.dhxtreeview_area
  div.dhxtreeview_item
  div.dhxtreeview_item_text {
  position: relative;
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 31px;
  color: inherit;
  vertical-align: middle;
  border-left: 0px solid white;
}

.fa {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #575757;
}

.fa-caret-down:before {
  content: "\e5c5";
}

.fa-caret-right:before {
  content: "\e5c5";
}

.fa-caret-right {
  transform: rotate(-90deg);
  margin-top: 7px;
  margin-left: 7px;
}

.fa-folder-o:before {
  content: "\e2c7";
}

.fa-folder-open-o:before {
  content: "\e2c8";
}

.fa-file-o:before {
  content: "\e873";
}

.less {
  position: absolute;
  margin-left: 13px;
  font-size: 30px;
  margin-top: 59px;
  transform: rotate(90deg);
  user-select: none;
}

.more {
  position: absolute;
  margin-left: 14px;
  font-size: 30px;
  margin-top: -14px;
  transform: rotate(270deg);
  user-select: none;
}

ul.lista_riep_timer .collection-item:last-child,
ul.lista_riep_prodotti .collection-item:last-child,
ul.lista_riep_lavorazioni .collection-item:last-child {
  padding: 0px !important;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1), 0 0px 1px 0 rgba(0, 0, 0, 0.15),
    0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
}

ul.lista_riep_timer .collection-item:last-child .totale,
ul.lista_riep_prodotti .collection-item:last-child .totale,
ul.lista_riep_lavorazioni .collection-item:last-child .totale {
  line-height: 4rem;
}

.modal .dropify-wrapper {
  height: 46px;
  width: 75px;
  position: absolute;
  margin-top: 0px;
}

.modal .dropify-preview,
.modal .dropify-wrapper.has-preview .dropify-clear,
.modal .dropify-wrapper .dropify-errors-container {
  display: none !important;
}

#full_chips .material-placeholder {
  display: inline-block;
  margin-right: 10px;
}

.modal .dropdown-content {
  max-height: 200px;
}

.modal.bottom-sheet {
  max-height: 75%;
}

.ui-menu {
  min-width: 200px !important;
}

.collection-item.striped.testata {
  background: white !important;
  padding: 10px 0 !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1),
    0 3px 2px -2px rgba(0, 0, 0, 0.2) !important;
}

.footer_total {
  line-height: 4rem;
}

.modal.modal-fixed-footer .modal-footer .btn,
.modal.modal-fixed-footer .modal-footer .btn-large,
.modal.modal-fixed-footer .modal-footer .btn-flat {
  margin: 5px 10px !important;
}

#modal_calc_costo input {
  text-align: right;
}

.note-editor.note-frame {
  border: 1px solid #dfdddd;
}

.note-btn {
  font-family: roboto;
  color: #595959;
}

.note-editable {
  min-height: calc(100vh - 310px);
  height: auto !important;
}

.note-statusbar,
.note-icon-video,
.note-icon-question,
.note-color-reset {
  display: none;
}

.note-editor.note-frame {
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
}

.note-toolbar .note-dropdown-menu.dropdown-style {
  min-width: 290px;
}

.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
  margin: 0 5px;
  margin-right: 5px;
}

.note-toolbar .note-color .note-dropdown-menu {
  min-width: auto;
}

.note-toolbar .note-para .note-dropdown-menu {
  min-width: auto;
}

#sn-checkbox-open-in-new-window {
  position: initial;
  opacity: 1;
  pointer-events: auto;
  margin-right: 10px;
  vertical-align: middle;
}

.btn *,
.btn-floating *,
.btn-large * {
  user-select: none;
}

#gestione_tasto_right {
  display: none;
}

#sidebar-right-info-fatt-el .title {
  font-size: 2.3rem;
  font-weight: 400;
}

#sidebar-right-info-fatt-el {
  width: 400px;
  height: 100% !important;
  padding-bottom: 0px;
}

#sidebar-right-info-fatt-el .collection .collection-item {
  border-bottom: 1px solid #e0e0e0 !important;
  padding-left: 0px !important;
}

#sidebar-right-info-fatt-el .collection .collection-item:last-child {
  border-bottom: none !important;
}

.li-left-icon li > a {
  line-height: 75px;
  padding: 0 16px !important;
}

.li-left-icon .tabs .tab a:hover,
.li-left-icon .tabs .tab a.active,
.li-left-icon .tabs .tab a {
  color: white;
}

.li-left-icon .collection .collection-item.avatar {
  padding: 25px 45px 25px 72px !important;
  background: transparent;
  border-bottom: 1px solid #e8e8e8 !important;
  position: relative;
}

.li-left-icon .collection .collection-item.avatar .icona {
  position: absolute;
  width: 42px;
  height: 42px;
  font-size: 27px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.backdrop {
  background: var(--primary_dark);
}

#info-fatt-el {
  max-height: calc(100vh - 90px);
  overflow-y: scroll;
}

#info-fatt-el .red-text {
  line-height: 25px;
}

#info-fatt-el li {
  padding-right: 50px !important;
}

li.ui-menu-item {
  clear: both;
  color: black;
  cursor: pointer;
  min-height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: left;
  text-transform: none;
  font-size: 15px;
  overflow: hidden;
  white-space: initial;
  text-overflow: initial;
  padding: 0 15px;
}

.circle.materialboxed.active {
  height: auto !important;
}

.responsive-iframe_cont {
  left: 50% !important;
  transform: translate(-50%, 0%) !important;
  position: absolute;
  height: 85%;
  width: 95%;
}

.responsive-iframe {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal {
  -webkit-overflow-scrolling: touch;
  /* overflow-y: visible; */
}

li.ui-menu-item {
  clear: both;
  color: black;
  cursor: pointer;
  min-height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: left;
  text-transform: none;
  font-size: 16px;
  overflow: hidden;
  line-height: 1.5;
  border-bottom: 1px solid #eaeaea;
  white-space: initial;
  /* text-overflow: ellipsis; */
  padding: 10px 15px;
}

.material-icons.transparent {
  color: transparent !important;
}

.mastri_magazzino th {
  font-size: 0.8rem;
}

.input-field > select.browser-default {
  background-color: transparent;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 3rem;
  pointer-events: initial;
  opacity: 1;
  position: relative;
}

.switch_albi {
  margin-bottom: 30px !important;
  margin-top: 10px !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c9c9c9;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #c9c9c9;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #c9c9c9;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #c9c9c9;
}

/* Stili per manda_in_produzione.asp  */

.vis_rifcomm_si {
  visibility: visible;
}

.vis_rifcomm_no {
  visibility: hidden;
}

/* Fine stili per manda_in_produzione.asp */

.collection .collection-item .tabs {
  background-color: transparent;
}

.div_ul_scroll {
  max-height: 640px;
  margin: 0px 2px 1px 2px;
}

.ul_scroll {
  max-height: 640px;
  overflow-y: scroll !important;
}

.fixed_li {
  position: sticky !important;
  bottom: 0px;
}

@-webkit-keyframes rotating
/* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.rotating3sec {
  -webkit-animation: rotating 3s linear infinite;
  -moz-animation: rotating 3s linear infinite;
  -ms-animation: rotating 3s linear infinite;
  -o-animation: rotating 3s linear infinite;
  animation: rotating 3s linear infinite;
}
.rotating6sec {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}

/*****************************MEDIA QUERY**************************************/

@media only screen and (max-width: 600px) {
  #timer_timer .timer {
    font-size: 50px;
  }
  .margin_bottom_mobile_16px {
    margin-bottom: 16px !important;
  }
}

@media only screen and (min-width: 601px) {
  .div-fixed-footer {
    left: 240px !important;
    /* width: calc(100% - 94px) !important; */
    background-color: white;
    height: 50px;
    position: sticky;
    bottom: 0;
    right: 15px !important;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  }
}

@media only screen and (max-width: 992px) {
  .div-fixed-footer {
    left: 240px !important;
    /* width: calc(100% - 94px) !important; */
    background-color: white;
    height: 50px;
    position: sticky;
    bottom: 0;
    right: 15px !important;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  }
  #main.main-full .div-fixed-footer {
    padding-left: 0px;
  }
  #header .tabs span.badge {
    display: none;
  }
  .marginbottom20_onmobile {
    margin-bottom: 20px !important;
  }
  .margintoptablet {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 1026px) {
  /* ALBI */
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 230px;
  }
  .box_alleg .material-placeholder {
    padding-left: 16%;
  }
  .img {
    width: 155px;
  }
  /* ALBI */
  .modale_pers {
    height: 85%;
    width: 85%;
    max-height: 85%;
  }
  .div_lista_viaggi {
    margin-top: 30px;
    width: 100%;
    height: 300px;
    overflow-y: hidden;
  }
  .div_ul_scroll {
    max-height: 880px;
    margin: 0px 2px 1px 2px;
  }
  .ul_scroll {
    max-height: 880px;
    overflow-y: scroll !important;
  }
}

@media only screen and (min-width: 900px) {
  /* ALBI */
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 230px;
  }
  .box_alleg .material-placeholder {
    padding-left: 7%;
  }
  .img {
    width: 135px;
  }
  .modale_pers {
    height: 75%;
    width: 85%;
    max-height: 85%;
  }
  .div_lista_viaggi {
    margin-top: 30px;
    width: 100%;
    height: 300px;
    overflow-y: hidden;
  }
}

@media only screen and (min-width: 600px) {
  /* ALBI */
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 170px;
  }
  .img {
    height: 95px;
    margin-left: 9px;
  }
  .modale_pers {
    height: 75%;
    width: 90%;
    max-height: 88%;
  }
  .div_lista_viaggi {
    margin-top: 30px;
    width: 100%;
    height: 385px;
    overflow-y: hidden;
  }
  .lista_viaggi {
    height: 385px;
  }
}

@media only screen and (max-width: 1200px) {
  .nascondi_ultimo_anno {
    display: none;
  }
  /* .nascondi-anno{
    display:none !important;
  } */
  #vers-table td {
    font-size: 0.5rem;
  }
  #vers-table .anno {
    font-size: 20px;
    padding: 15px 0 0px 0;
  }
  .file_alleg {
    height: 86px;
    font-size: 23px;
    padding-top: 22%;
  }
}

@media only screen and (min-width: 1200px) {
  .selectanniclasse {
    display: none;
  }
  .btn {
    padding: 0 1rem;
    min-width: 100px;
  }
  .lista_viaggi {
    height: 385px;
    overflow-y: scroll !important;
  }
  .div_lista_viaggi {
    height: 400px;
  }
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 230px;
  }
  .box_alleg .material-placeholder {
    padding-left: 16%;
  }
  .img {
    width: 155px;
  }
  .file_alleg {
    height: 99px;
    font-size: 25px;
    padding-top: 20%;
  }
}

@media only screen and (min-width: 1330px) {
  .file_alleg {
    height: 118px;
    font-size: 25px;
    padding-top: 20%;
  }
}

@media only screen and (max-width: 1599px) {
  .hide-on-large-and-down {
    display: none !important;
  }
  #vers-table .border-on-large-and-down {
    border-right: 2px solid #d8d8d8;
  }
  .modale_pers {
    height: 85%;
    width: 85%;
    max-height: 85%;
  }
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 230px;
  }
  .box_alleg .material-placeholder {
    padding-left: 16%;
  }
  .img {
    width: 155px;
  }
}

@media only screen and (min-width: 1600px) {
  .row .col.xxl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xxl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .box_alleg {
    border: 1px solid #e5e5e5;
    background: #f4f4f4;
    margin-left: 5px;
    margin-right: 5px;
    height: 150px;
    width: 230px;
  }
  .box_alleg .material-placeholder {
    padding-left: 16%;
  }
  .img {
    width: 155px;
  }
  .file_alleg {
    height: 160px;
    font-size: 30px;
    padding-top: 22%;
  }
}

@media only screen and (min-width: 1900px) {
  .file_alleg {
    height: 176px;
    font-size: 30px;
    padding-top: 22%;
  }
}

.ui-autocomplete-loading,
input[type="text"]:not(.browser-default).ui-autocomplete-loading,
.ui-autocomplete-loading + label {
  -webkit-animation-name: autocomplete_load;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  animation-name: autocomplete_load;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes autocomplete_load {
  from {
    border-color: var(--primary) !important;
    color: var(--primary);
  }
  to {
    border-color: green !important;
    color: green;
  }
}

/* Standard syntax */

@keyframes autocomplete_load {
  from {
    border-color: var(--primary) !important;
    color: var(--primary);
  }
  to {
    border-color: green !important;
    color: green;
  }
}

.overflow_ini {
  overflow: initial !important;
}

/* Manda in produzione */

.modifica_qta {
  text-align: center;
  /*   max-width: 80px; */
  margin: 0px;
  height: 1.3rem;
}
.giacenza_negativa {
  background: #ff000017;
}
.non_pianificato {
  background: rgb(182 171 171 / 22%);
}
.avviso_pianificazione {
  border: red solid 3px;
  padding: 10px;
  color: red;
  cursor: pointer;
}
.expand {
  float: right;
  font-size: 3rem !important;
}

/* promemoria */
@media only screen and (max-width: 600px) {
  .nomargin_mobile {
    margin: 0px !important;
  }
  .margin_mobile {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .bottom0_tablet {
    margin-bottom: 0px !important;
  }
}
.sp-colorize {
  border: 1px solid black;
}

.toner-card {
  padding: 5px !important;
}

.toner-card .toner-card-content {
  padding: 10px 2px !important;
  background-color: #a2a2a278;
  border-radius: 5px;
}

.toner-card .toner-card-content .material-icons {
  font-size: 1rem;
}

tr.intestazione_tabella td {
  background-color: #a2a2a278;
  border-radius: 0px;
  color: #37474f;
}

[type="checkbox"].reset-checkbox,
[type="checkbox"].reset-checkbox:checked,
[type="checkbox"].reset-checkbox:not(checked) {
  opacity: 1;
  position: relative;
  pointer-events: auto;
}

[type="checkbox"].reset-checkbox + span::before,
[type="checkbox"].reset-checkbox + span::after,
[type="checkbox"].reset-checkbox:checked + span::before,
[type="checkbox"].reset-checkbox:checked + span::after {
  display: none;
}

[type="checkbox"].reset-checkbox + span:not(.lever) {
  padding-left: 10px;
}

.reset-checkbox:focus {
  outline: #00000059 auto 1px;
}

table tbody tr td .select-wrapper input[type="text"].select-dropdown {
  margin-bottom: 0px !important;
}
.lista_bottoni_colonna {
  display: grid;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.selected_riga_evasione {
  -webkit-box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%),
    0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 30%);
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%),
    0 3px 5px -1px rgb(0 0 0 / 30%);
  border: 1px solid red;
  background: aliceblue;
}
@media only screen and (max-width: 992px) {
  .modal_fullpage_tablet {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
}
@media only screen and (min-width: 993px) {
  .div_switch_ricerca_magazzino {
    display: flex;
  }
  .flex_on_pc {
    display: flex !important;
    flex-direction: row;
    transform: translateY(5px);
  }
  .adjust_icon_in_flex {
    transform: translateY(-8px);
  }
  .div_switch_ricerca_magazzino div.switch {
    width: 20% !important;
  }
  .switch_container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .width20_ondesktop {
    width: 20% !important;
  }
  .nomargin_on_desktop {
    margin: 0 !important;
  }
}
.switch_container .switch {
  display: grid !important;
  justify-content: space-between;
}
.switch_container {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}
.switch_container .switch_margin {
  margin-top: 5px;
}
.riga_da_evadere_salvate {
  box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.6);
  margin-bottom: 15px !important;
  border-top: 1px solid #31de31;
  border-left: 1px solid #31de31;
  border-right: 2px solid #31de31;
  border-bottom: 2px solid #31de31 !important;
}
.sticky_ricerca {
  position: fixed;
  top: 0;
}
.riga_da_evadere_salvate:hover {
  background: #00ffe017 !important;
}
.full_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* CSS RUBRICA HOMEPAGE */
.selectable_text {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fixed_top_of_page {
  z-index: 990;
  position: fixed;
  top: 57px;
}
.nome_contatto_rubrica {
  display: flex !important;
  align-items: center !important;
}
@media only screen and (max-width: 600px) {
  .li_bottoni_rubrica {
    display: block;
    align-items: center;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 600px) {
  .li_rubrica_contatto {
    display: flex;
    place-content: flex-end;
    align-items: center;
    padding: 8px 0px 8px 15px !important;
  }
  .li_bottoni_rubrica a.btn_rubrica {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nome_contatto_rubrica span.rubrica_clienti {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 400px) {
  .adaptive_min_max_width_60_70_mobile {
    min-width: 60% !important;
    max-width: 70% !important;
  }
  .adaptive_min_max_width_30_40_mobile {
    min-width: 30% !important;
    max-width: 40% !important;
  }
  .flex_column_very_small {
    display: flex;
    flex-direction: column;
  }
  .flex_column_very_small .input-field {
    width: 100% !important;
    margin-bottom: 1rem;
  }
  .container_rubrica_principale {
    width: 90%;
  }
  .lista_lettere_rubrica {
    width: 10%;
  }
}
@media only screen and (min-width: 401px) and (max-width: 600px) {
  .container_rubrica_principale {
    width: 92%;
  }
  .lista_lettere_rubrica {
    width: 8%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .container_rubrica_principale {
    width: 94%;
  }
  .lista_lettere_rubrica {
    width: 6%;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .container_rubrica_principale {
    width: 95%;
  }
  .lista_lettere_rubrica {
    width: 5%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  .container_rubrica_principale {
    width: 97%;
  }
  .lista_lettere_rubrica {
    width: 3%;
  }
}
@media only screen and (min-width: 1501px) {
  .container_rubrica_principale {
    width: 98%;
  }
  .lista_lettere_rubrica {
    width: 2%;
  }
  .full_center_on_verylarge {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.chip_container_documenti {
  padding: 0 !important;
  display: flex;
  margin-bottom: 10px;
}

/* CSS CUSTOM INTERCONNESSIONE VERZELLESI*/
@media only screen and (max-width: 600px) {
  #modal_stampa_csv_log {
    height: 350px;
  }
}
@media only screen and (min-width: 601px) {
  #modal_stampa_csv_log {
    height: 300px;
  }
  .flex_on_tablet_and_up {
    display: flex !important;
  }
}
@media only screen and (max-width: 800px) {
  #allert_container .card {
    width: 100%;
  }
  .hide_on_more_than_800px {
    display: grid;
    align-items: center;
  }
  .hide_on_less_than_800px {
    display: none !important;
  }
  #aux_for_2_error {
    display: none !important;
  }
}
@media only screen and (min-width: 801px) {
  #allert_container .card {
    width: 30%;
  }
  .hide_on_less_than_800px {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .hide_on_more_than_800px {
    display: none !important;
  }
  .width_25perc {
    width: 25% !important;
  }
  .width_45perc {
    width: 45% !important;
  }
  .width_90perc {
    width: 90% !important;
  }
}
.div_icona {
  height: 40%;
}
.full_space_around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.full_space_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.annulla_lancio {
  background: rgba(235, 35, 10, 0.8);
  margin-right: 0 !important;
  color: white !important;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
  min-width: 130px;
}
.annulla_lancio:hover {
  background: #a5200b !important;
}
.no_click {
  pointer-events: none;
  cursor: wait;
  touch-action: none;
}
.fast_blink_and_wait {
  -webkit-animation: fast_blink_and_wait 8s infinite;
  animation: fast_blink_and_wait 8s infinite;
}
@-webkit-keyframes fast_blink_and_wait {
  0%,
  2%,
  6%,
  12%,
  100% {
    opacity: 1;
  }
  1%,
  4%,
  8% {
    opacity: 0;
  }
}
@keyframes fast_blink_and_wait {
  0%,
  10%,
  20%,
  30%,
  100% {
    opacity: 1;
  }
  5%,
  15%,
  25% {
    opacity: 0;
  }
}
.slow_scroll_filtro {
  -webkit-animation: wobble-ver-left 6s infinite both;
  animation: wobble-ver-left 6s infinite both;
}
.scroll_filtro {
  -webkit-animation: wobble-ver-left 3s infinite both;
  animation: wobble-ver-left 3s infinite both;
}
@-webkit-keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-12px) rotate(-6deg);
    transform: translateY(-12px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(10px) rotate(6deg);
    transform: translateY(10px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-8px) rotate(-3.6deg);
    transform: translateY(-8px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(6px) rotate(2.4deg);
    transform: translateY(6px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-4px) rotate(-1.2deg);
    transform: translateY(-4px) rotate(-1.2deg);
  }
}
@keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-12px) rotate(-6deg);
    transform: translateY(-12px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(10px) rotate(6deg);
    transform: translateY(10px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-8px) rotate(-3.6deg);
    transform: translateY(-8px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(6px) rotate(2.4deg);
    transform: translateY(6px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-4px) rotate(-1.2deg);
    transform: translateY(-4px) rotate(-1.2deg);
  }
}

.shake_from_top {
  -webkit-animation: shake_from_top 6s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both;
  animation: shake_from_top 6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    both;
}
.shake_from_top {
  -webkit-animation: shake_from_top 2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both;
  animation: shake_from_top 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    both;
}
@-webkit-keyframes shake_from_top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake_from_top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
.corrente_elettrica {
  position: absolute;
}
.animation_corrente_elettrica {
  position: absolute;
  -webkit-animation: electric_with_dashboard 5s infinite;
  animation: electric_with_dashboard 5s infinite;
}
.slow_animation_corrente_elettrica {
  position: absolute;
  -webkit-animation: electric_with_dashboard 6s infinite;
  animation: electric_with_dashboard 6s infinite;
}
#table_ultimi_errori td {
  font-size: 14px;
}
@-webkit-keyframes electric_with_dashboard {
  0% {
    background: none;
  }
  10% {
    background: none;
    height: 10px;
    top: 60px;
    width: 75px;
  }
  20% {
    height: 10px;
    top: 60px;
    width: 75px;
    background: #fffb76;
  }
  40% {
    height: 75px;
    width: 10px;
    top: 20px;
    background: #fffb76;
  }
  60% {
    height: 10px;
    top: 44px;
    width: 75px;
    background: #fffb76;
  }
  80% {
    background: none;
  }
  100% {
    background: #fffb76;
    width: 75px;
    height: 75px;
  }
}
@keyframes electric_with_dashboard {
  0% {
    background: none;
  }
  10% {
    background: none;
    height: 10px;
    top: 60px;
    width: 75px;
  }
  20% {
    height: 10px;
    top: 60px;
    width: 75px;
    background: #fffb76;
  }
  40% {
    height: 75px;
    width: 10px;
    top: 20px;
    background: #fffb76;
  }
  60% {
    height: 10px;
    top: 44px;
    width: 75px;
    background: #fffb76;
  }
  80% {
    background: none;
  }
  100% {
    background: #fffb76;
    width: 75px;
    height: 75px;
  }
}
#allert_container .card {
  height: 300px;
}
span.desc_errore {
  font-size: 1.4rem;
  font-weight: 1000;
  text-align: center;
}
.label_funzionamento {
  font-size: 16px;
  font-weight: 500;
}
.div_funzionamento i.material-icons {
  font-size: 3rem;
}
#allert_container .card.malfunzionamento {
  background: rgb(224, 68, 68);
}
#allert_container .correct {
  height: 200px;
}
#allert_container img,
#allert_container i.material-icons {
  max-width: 100%;
  max-height: 100%;
}
.reverse_wind {
  transform: scaleX(-1);
}
.mid_rocker {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Switch starts here */
.rocker {
  display: inline-block;
  position: relative;
  /*
        SIZE OF SWITCH
        ==============
        All sizes are in em - therefore
        changing the font-size here
        will change the size of the switch.
        See .rocker-small below as example.
        */
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  width: 7em;
  height: 4em;
  overflow: hidden;
  border-bottom: 0.5em solid #eee;
}

.rocker-small {
  font-size: 0.75em; /* Sizes the switch */
  margin: 1em;
}

.rocker::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border: 0.5em solid #eee;
  border-bottom: 0;
}

.rocker input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-left,
.switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  transition: 0.2s;
}

.switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg);
}

input#checkbox_macchinario:not(:checked) + .switch-left:hover {
  background-color: rgba(105, 200, 105, 0.4) !important;
  color: #fff !important;
}
input#checkbox_macchinario:checked + .switch-left + .switch-right:hover {
  background-color: rgba(200, 50, 50, 0.4) !important;
  color: #fff !important;
}
.switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #cb3234;
  color: #fff;
}

.switch-left::before,
.switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg);
}

.switch-left::before {
  left: -0.4em;
}

.switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg);
}

input#checkbox_macchinario:checked + .switch-left {
  background-color: #6ac76a;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg);
}

input#checkbox_macchinario:checked + .switch-left::before {
  background-color: transparent;
  width: 3.0833em;
}

input#checkbox_macchinario:checked + .switch-left + .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg);
}

input#checkbox_macchinario:checked + .switch-left + .switch-right::before {
  background-color: #ccc;
}

/* Keyboard Users */
input#checkbox_macchinario:focus + .switch-left {
  color: #333;
}

input#checkbox_macchinario:checked:focus + .switch-left {
  color: #fff;
}

input#checkbox_macchinario:focus + .switch-left + .switch-right {
  color: #fff;
}

input#checkbox_macchinario:checked:focus + .switch-left + .switch-right {
  color: #333;
}
/* FINE CSS CUSTOM INTERCONNESSIONE VERZELLESI*/

/* CSS GESTORE INTERVENTI RIPORTATO SUL DOCUMENTALE PER IRIDE */
.not_selectable_text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rif_listino {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
#modale_inserimento_articolo {
  transition: 0.3s;
}
@-webkit-keyframes BLINK_C_PRIMARY {
  0%,
  49% {
    background-color: var(--primary);
  }
  50%,
  100% {
    background-color: "";
  }
}

@-webkit-keyframes BLINK_C_PRIMARY_OPACITY {
  0%,
  10% {
    background-color: var(--primary);
    opacity: 0.4;
  }
  10%,
  20% {
    background-color: var(--primary);
    opacity: 0.45;
  }
  20%,
  30% {
    background-color: var(--primary);
    opacity: 0.5;
  }
  30%,
  40% {
    background-color: var(--primary);
    opacity: 0.6;
  }
  40%,
  50% {
    background-color: var(--primary);
    opacity: 0.7;
  }
  50%,
  60% {
    background-color: var(--primary);
    opacity: 0.6;
  }
  60%,
  70% {
    background-color: var(--primary);
    opacity: 0.5;
  }
  70%,
  85% {
    background-color: var(--primary);
    opacity: 0.4;
  }
  85%,
  100% {
    background-color: "";
  }
}

.blink_c_primary_animation {
  -webkit-animation: BLINK_C_PRIMARY 1s 1; /* Safari 4+ */
  -moz-animation: BLINK_C_PRIMARY 1s 1; /* Fx 5+ */
  -o-animation: BLINK_C_PRIMARY 1s 1; /* Opera 12+ */
  animation: BLINK_C_PRIMARY 1s 1; /* IE 10+, Fx 29+ */
}
.blink_c_primary_fading_animation {
  -webkit-animation: BLINK_C_PRIMARY_OPACITY 1s 1; /* Safari 4+ */
  -moz-animation: BLINK_C_PRIMARY_OPACITY 1s 1; /* Fx 5+ */
  -o-animation: BLINK_C_PRIMARY_OPACITY 1s 1; /* Opera 12+ */
  animation: BLINK_C_PRIMARY_OPACITY 1s 1; /* IE 10+, Fx 29+ */
}
.blink_c_primary_fading_animation div.col {
  opacity: 1 !important;
}

@-webkit-keyframes BLINK_C_PRIMARY_DARK {
  0%,
  19% {
    background-color: #ff9b38;
  }
  20%,
  39% {
    background-color: #ff9020;
  }
  40%,
  60% {
    background-color: #ff8913;
  }
  61%,
  80% {
    background-color: #ff850a;
  }
  81%,
  100% {
    background-color: #ff8000;
  }
}
.blink_c_primarydark_animation {
  -webkit-animation: BLINK_C_PRIMARY_DARK 1s 1; /* Safari 4+ */
  -moz-animation: BLINK_C_PRIMARY_DARK 1s 1; /* Fx 5+ */
  -o-animation: BLINK_C_PRIMARY_DARK 1s 1; /* Opera 12+ */
  animation: BLINK_C_PRIMARY_DARK 1s 1; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes BLINK_COSTIFIC {
  0%,
  49% {
    background-color: rgb(255, 106, 0, 0.5) !important;
  }
  50%,
  100% {
    background-color: "";
  }
}
.blink_costificazione {
  -webkit-animation: BLINK_COSTIFIC 1s 1; /* Safari 4+ */
  -moz-animation: BLINK_COSTIFIC 1s 1; /* Fx 5+ */
  -o-animation: BLINK_COSTIFIC 1s 1; /* Opera 12+ */
  animation: BLINK_COSTIFIC 1s 1; /* IE 10+, Fx 29+ */
}
.marginbot1rem {
  margin-bottom: 1.2rem !important;
}
.modal_input_nomargin input {
  margin-bottom: 0px !important;
}
#modal_ricerca_interventi input:not(:focus) {
  border-bottom: 1px solid #dadada !important;
}
.riga_tariffa_cost {
  cursor: pointer;
}
.riga_tariffa_cost:hover {
  background-color: rgba(255, 150, 0, 0.3) !important;
}

.finded_gestint {
  background-color: var(--primary_dark);
  color: #fff;
  font-weight: 600;
}
.finded_scheduler {
  background-color: #ffa500;
  color: #fff;
  font-weight: 600;
  padding: 2px;
}
.enter_scroll {
  background: rgb(255, 230, 0);
  color: black;
  padding: 2px;
}
.no_result_imp {
  border: 1px solid rgb(190, 154, 106);
}
.file_container div.col {
  height: 60px;
  display: flex;
  align-items: center;
}
.file_container .li_pari {
  background: rgb(245, 245, 245);
}
.file_container .li_dispari {
  background: rgb(235, 235, 235);
}
.file_container li:first-child div.col {
  height: 30px !important;
  border: 1px solid #e2e2e2 !important;
}
.selected_file {
  -webkit-box-shadow: 0px 0px 3px 1px var(--primary);
  box-shadow: 0px 0px 3px 1.5px var(--primary);
  margin-bottom: 2px !important;
  margin-top: 7px !important;
}
.file_container .imported {
  pointer-events: none;
  background: #dfdfdf;
}
.file_container .imported .elimina_file {
  color: #999;
}
.not_importable,
.warning_importable {
  min-width: 70px;
}
.not_importable i.material-icons {
  cursor: no-drop;
}
.not_importable .copy_this,
.warning_importable .copy_this {
  cursor: pointer;
  vertical-align: super;
}
.fixed_refresh {
  position: absolute;
  top: 15px;
  left: 15px;
}
.border_intest_impint {
  border: 1px solid rgb(221, 221, 221);
}
.td_tarif {
  min-width: 100px !important;
}
.hide_if_autosearch {
  display: none !important;
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem !important;
  width: 92%;
  width: calc(100% - 3rem);
}
.shadow_primary {
  -webkit-box-shadow: 0px 0px 3px 1px var(--primary);
  box-shadow: 0px 0px 3px 1.5px var(--primary);
}
.nomargin_on_documentale {
  margin: 0 !important;
}
#risultati_ricerca > ul > li.collapsible-interventi p {
  margin-block-start: 0px;
  margin-block-end: 0px;
  line-height: 1.2em;
}

#risultati_ricerca_interventi [type="checkbox"].reset-checkbox,
#risultati_ricerca_interventi [type="checkbox"].reset-checkbox:checked,
#risultati_ricerca_interventi [type="checkbox"].reset-checkbox:not(checked) {
  opacity: 1;
  position: relative;
  pointer-events: auto;
}

#risultati_ricerca_interventi [type="checkbox"].reset-checkbox + span::before,
#risultati_ricerca_interventi [type="checkbox"].reset-checkbox + span::after,
#risultati_ricerca_interventi
  [type="checkbox"].reset-checkbox:checked
  + span::before,
#risultati_ricerca_interventi
  [type="checkbox"].reset-checkbox:checked
  + span::after {
  display: none;
}

#risultati_ricerca_interventi
  [type="checkbox"].reset-checkbox
  + span:not(.lever) {
  padding-left: 10px;
}

table tbody tr td,
table tbody tr,
td span,
table tbody tr td input {
  color: black;
}

table.interventi_da_fatturare thead tr th,
table.interventi_da_fatturare tbody tr td,
table.interventi_in_dettaglio thead tr th,
table.interventi_in_dettaglio tbody tr td {
  text-align: center;
}

table.interventi_da_fatturare tbody tr td:focus {
  outline: #00000059 auto 1px;
}

table.interventi_da_fatturare tbody tr.t_pari,
table tbody tr.t_pari {
  background-color: #ececec;
}
table.interventi_da_fatturare th,
table.interventi_da_fatturare td {
  min-width: 35px;
  text-align: center;
}
#ricerca span.select2 {
  margin-bottom: 16px !important;
}
.reset-checkbox:focus {
  outline: #00000059 auto 1px;
}
.red-dot {
  height: 5px;
  width: 5px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
}

.green-dot {
  height: 5px;
  width: 5px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
}

.btn-small-smarthy {
  font-size: 10px;
  height: 24px;
  line-height: 24px;
  padding: 0 0.5rem;
}

.btn.maxwidth {
  width: 100%;
}
.left15imp {
  left: 15px !important;
}
.low_margin_p_card {
  margin-block-start: 0.55em !important;
  margin-block-end: 0.55em !important;
}
.tempomanuale_errato {
  color: rgb(216, 126, 16, 0.6);
}
#lista_movore td,
#lista_movore th {
  text-align: center;
}
.dettagli_pulsanti_intervento p {
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
table.tariffe_speciali td {
  white-space: nowrap;
  text-align: right !important;
}
.marginbot1rem {
  margin-bottom: 1.2rem !important;
}
.modal_input_nomargin input {
  margin-bottom: 0px !important;
}
table.tariffe_speciali td input {
  height: 1.5rem !important;
  font-size: 0.8rem !important;
  margin-bottom: 1px !important;
  text-align: right !important;
  color: black;
  max-width: 70%;
}
.table-header div {
  color: #999;
  font-size: 0.8rem;
  font-weight: 500;
}

.riga_intervento_email div,
.riga_intervento_email div span {
  font-size: 10px;
}

.riga_intervento div {
  font-size: 90%;
}

.riga_intervento div,
.riga_intervento_email div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.d-flex {
  display: flex !important;
}
.red_badge {
  text-align: end;
  font-weight: 900;
  text-transform: uppercase;
  padding: 3px 1rem;
  border-radius: 20px;
  border: 1px solid red;
  color: red;
  margin: 0.5rem;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.width20_perc {
  width: 20%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.icone_column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.icone_column {
  margin: 5px 0;
}
.grid_switch {
  display: grid;
  justify-content: center;
}
.full_center_column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.intestazione_anagr_contratti {
  margin-bottom: 15px !important;
  color: var(--primary_dark);
  width: 100%;
  margin-left: 1rem;
  font-weight: 700;
  float: left;
  font-style: italic;
  text-transform: uppercase;
}
.intestazione_anagr_contratti.before_input {
  margin-bottom: 25px !important;
}
.absolute_badge_contr {
  position: absolute;
  right: 15px !important;
}
@media screen and (max-width: 600px) {
  .absolute_badge_contr {
    right: calc(50% - 60px) !important;
    top: 30px;
  }
  .absolute_badge_contr#rinnovato {
    right: calc(50% - 80px) !important;
  }
  .m_top_3rem_mobile {
    margin-top: 3rem !important;
  }
  .switch_container .switch {
    justify-content: center !important;
  }
  .intestazione_anagr_contratti {
    text-align: center;
    margin-left: 0;
  }
}
#valid_filename {
  color: rgb(213 71 71);
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  top: 45px;
  width: 100%;
  left: 20px;
}
#lista_stati .sp-original-input-container {
  width: 100%;
}
#lista_stati .sp-colorize-container {
  min-width: 60px;
  min-height: 45px;
}
#lista_stati .sp-colorize-container {
  margin-right: 1rem;
}
.fake_border_left {
  left: 1px;
  height: calc(100% - 2px);
  position: absolute;
  width: 10px;
}
.btn_visual_navbar {
  background-color: #fafafa;
  width: 112px;
  height: 80px;
  position: fixed;
  z-index: 999;
  left: calc(50% - 50px);
  top: 48px;
  transition: 0.5s;
}

.btn_visual_navbar_ombra {
  background-color: #fff;
  box-shadow: 0px 2px 5px -1px #000000b3;
  top: calc(80px + 48px - 30px) !important;
  border-radius: 100%;
  z-index: 998;
  left: calc(50% - 25px);
  position: fixed;
  width: 50px;
  height: 50px;
  text-align: center;
  transition: 0.5s;
}

.btn_visual_navbar_ombra i {
  color: rgba(0, 0, 0, 0.4);
  vertical-align: bottom;
  margin-top: 25px;
  cursor: pointer;
  font-size: 28px;
}

.btn_visual_navbar_ombra i:hover {
  color: #1565c0;
}

.ruota_su {
  transform: rotate(180deg);
  animation: ruota_su 0.5s;
}

.ruota_giu {
  transform: rotate(0deg);
  animation: ruota_giu 0.5s;
}
.nav_chiusa {
  top: -33px !important;
}

.btn_visual_navbar_ombra.nav_chiusa {
  top: 18px !important;
}
#container_ddtcli {
  padding-top: 1.2rem !important;
  height: 80px;
  box-shadow: 0px 2px 5px -1px #000000b3;
  margin: 0 3px;
  width: calc(100% - 6px) !important;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  position: fixed;
  top: 48px;
  transition: 0.5s;
}
#container_ddtcli.nav_chiusa {
  position: fixed;
}
#container_ddtcli div.input-field {
  display: flex;
  justify-content: center;
  margin: auto;
}
#tab_container_lottieva {
  position: absolute;
  top: 150px;
  width: 100%;
  height: calc(100% - 160px);
  transition: 0.5s;
}

#tab_container_lottieva.nav_chiusa {
  top: 70px !important;
  height: calc(100% - 75px);
}
.titolo_tab_lottieva {
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
}
#tab_container_lottieva table {
  width: calc(100% - 4rem);
  margin: 1rem 2rem 0;
}
.card_lottieva {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 0px 6px -1px rgb(75 75 75 / 94%);
  padding-top: 1rem;
  margin-bottom: 1rem;
}
.btn_rounded_column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.btn_rounded_column a {
  padding: 0 !important;
  width: 50px;
  height: 36px;
  min-width: 50px;
  border-radius: 1rem;
}
#lav_stampi tr {
  background: #eeeeee !important;
}
#lav_stampi {
  border: 1px solid #ebeaea !important;
}
.notvalid_ris + label {
  color: rgb(255, 11, 11) !important;
}
.tempo_nonvalido label {
  color: rgb(255, 11, 11) !important;
}
.tempo_nonvalido input {
  border-bottom: 1px solid rgb(255, 11, 11) !important;
}
.fixed_btn_bottom_with_animation {
  position: fixed;
  bottom: -100px;
  width: calc(100% - 280px);
  left: 280px;
  text-align: center;
  transition: 1s;
}
@media screen and (max-width: 992px) {
  .fixed_btn_bottom_with_animation {
    left: 0;
    width: 100%;
  }
}
.fixed_btn_bottom_with_animation.selezionabile {
  bottom: 1rem;
}
.red_opacity {
  background: #ffb6b6 !important;
}
.gray_opacity {
  background: #dcdcdc !important;
}
.minwidth40 {
  transition: 0.4s all;
  min-width: 40px;
}
.light_grey_on_gestdoc {
  color: #e9e9e9 !important;
}
/* GESTIONE SIDEBAR RIGHT WITH ICON STILE DOCUMENTI */
.flex_column_side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 1rem 4px;
  right: 5px !important;
}
.flex_column_side div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.flex_column_side p {
  text-align: center;
  margin: 0;
  font-size: 14px;
}
@media screen and (max-height: 850px) {
  .flex_column_side.hide_desc_on_small p {
    display: none;
  }
}
.adapt_to_sidemenu {
  margin-right: 70px !important;
}
/* FINE GESTIONE SIDEBAR RIGHT */
.mb_80px {
  margin-bottom: 80px !important;
}