/*================================================================================
	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("../cliente/css/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%
  );
}

.nav-expanded .brand-sidebar {
  background: linear-gradient(
    45deg,
    var(--primary) 0%,
    var(--primary_dark) 100%
  ) !important;
}

.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: 14px !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="text"]: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="text"]: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="text"]:not(.browser-default):disabled,
input[type="text"]: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*/

/*MENU*/

.sidenav .material-icons:empty {
  display: none !important;
}

#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;
}

.nav-collapsed .li-hover {
  display: none;
}

.brand-sidebar .logo-wrapper a.brand-logo img {
  height: 45px;
}

.brand-sidebar .logo-wrapper {
  font-size: 36px;
  padding: 10px 10px;
  white-space: nowrap;
  line-height: 0px !important;
}

.brand-sidebar .logo-wrapper a.navbar-toggler {
  top: 26px;
}

span.obbligatorio {
  color: #ff5900;
  font-size: 145%;
}

#select_new_tariffa {
  width: 80%;
  top: 10%;
}

#sidenav-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

ul.sidenav.leftsidenavigation li:not(.no-padding).user-details {
  background: url("../../img/sfondo.png");
  background-size: cover;
  padding: 1px;
}

.sidenav.fixed a {
  cursor: pointer;
}

.user-roal {
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 25px;
  line-height: 25px;
  transition: 0.3s;
  padding: 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icona_user {
  width: 75px;
  height: 75px;
  line-height: 73px;
  font-size: 35px;
  text-align: center;
  color: var(--primary);
  background: #ffffff;
  border: 3px solid rgba(255, 255, 255, 0);
  border-radius: 65px;
  display: block;
  margin-left: auto !important;
  margin-top: 25px;
  margin-right: auto !important;
  margin-bottom: 0px !important;
  transition: 0.3s;
}

.nav-collapsed .icona_user {
  width: 50px;
  height: 50px;
  font-size: 28px;
  line-height: 44px;
  margin-bottom: 25px !important;
}

.nav-collapsed .user-roal {
  display: none;
}

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="text"]:not(.browser-default).invalid + label:after,
input[type="text"]: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);
}
/* .brand-sidebar .logo-wrapper a.navbar-toggler {
    top: 26px;
} */

/*FINE MENU*/

/*STAMPA TABELLA*/
.allinea {
  width: 50%;
  display: inline-block;
}

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

.bordosuperiore {
  border-top: 2px solid #d8d8d8;
}
/*FINE STAMPA TABELLA*/

/*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; */
}

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

.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;
}

.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;
}

/* th {
  font-size: .6rem;
} */

.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;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 3rem;
  padding-left: 0px;
}

.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;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  color: rgba(0, 0, 0, 0.87) !important;
}

.select2-results__option {
  color: rgba(0, 0, 0, 0.87) !important;
}

.select2-container--open .select2-dropdown--below {
  top: -1px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}

.modal .modal-footer {
  text-align: center;
  height: 44px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  /* PIU MARGINE ESSENDOCI SOLITAMENTE IL PULSANTE HOME/BARRA IPHONE
  CHE SI COMPENETRA COI PULSANTI NEL MODALE FULL SCREEN */
  .modal.modal-full-screen .modal-footer {
    margin-bottom: 25px !important;
  }
}

#div_menu_ind {
  left: 265px;
  transition: 0.3s ease all;
  width: 56px;
}

.main-full #div_menu_ind {
  left: 90px;
}

#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: 30px;
  width: 30px;
  font-size: 21px;
  color: white;
  font-style: normal;
  border-radius: 16px;
  text-align: center;
}

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

.top_chips .chip {
  height: 30px;
}

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

/*COMMENTATO DOPO PASSAGGIO A MATERIALIZE 1.1 CHE AUMENTAVA LA P DELLA CHECKBOX NELL INDEX*/
/* .card .card-content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
} */

span.margin_small {
  display: block;
  margin: 5px 10px;
}

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

.sidenav li > a {
  padding: 0 40px 0 16px !important;
  text-overflow: ellipsis;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
  padding: 0 22px !important;
  overflow: hidden;
}

ul.sidenav.leftsidenavigation li:not(.no-padding) a {
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"],
.sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
  color: rgba(0, 0, 0, 0.7);
}

ul.sidenav .collapsible-header:after {
  color: rgba(0, 0, 0, 0.7);
}

.nascondi {
  display: none;
}

.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);
}

.btn {
  padding: 0 1rem;
}

.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;
  top: 0;
  bottom: 0;
  height: 3rem;
  line-height: 3rem;
  margin: initial;
  font-size: 10px;
}

header nav ul.right {
  margin-right: 15px;
}

.menu-blockquote {
  padding: 0 0 0 5px !important;
  border-left: 5px solid var(--primary);
}

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

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

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

#sidebar-right.sidenav {
  width: 400px;
  height: 100% !important;
  padding-bottom: 0px;
}

#sidebar-right {
  top: 0px;
  overflow: hidden;
}

#sidebar-right .tabs {
  height: 65px;
  background: linear-gradient(
    45deg,
    var(--primary) 0%,
    var(--primary_dark) 100%
  ) !important;
}

#sidebar-right .tabs .tab {
  height: 65px;
  line-height: 65px;
}

#sidebar-right li > a {
  line-height: 75px;
  padding: 0 16px !important;
}

#sidebar-right .tabs .tab a:hover,
#sidebar-right .tabs .tab a.active,
#sidebar-right .tabs .tab a {
  color: white;
}

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

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

.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_tasto_right {
  display: none;
}

#right-sidebar-nav .title {
  font-size: 2.1rem;
  font-weight: 400;
}

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;
}

.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;
}
.absolute_chip_tempman {
  float: left;
  margin-left: 0px;
  color: #fff !important;
  position: absolute;
  top: 58px;
  transition: 0.5s;
}
#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;
}

table.tariffe_speciali td {
  white-space: nowrap;
  text-align: right !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%;
}

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

.jsgrid th {
  font-size: 1rem;
  font-weight: 600;
}

.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 {
  font-size: 15px;
  font-weight: 400;
}

/*****************************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;
}

/* .input-field label.active {
    width: 100%;
    top: .4rem !important;
} */

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="text"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
  margin: 0 0 13px 0;
}

.btn.disabled,
.disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #dfdfdf !important;
  box-shadow: none;
  color: #9f9f9f !important;
  cursor: default;
}

.tabs .tab a.active {
  border-bottom: 3px solid white;
}

.indicator {
  display: none;
}

.tab.disabled a {
  pointer-events: none;
  color: #9f9f9f !important;
}

#main #btn_stampa_rottamazione .fixed-action-btn.toolbar.active {
  width: calc(100% - 280px) !important;
  left: 280px !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);
}

.timer_collection .timer_item:last-child {
  margin-bottom: 0px !important;
}

.exit,
.entry {
  vertical-align: middle;
  font-size: 17px;
}

#lista_ore td,
#lista_ore th {
  padding: 0px 5px;
}

#lista_ore {
  color: #505050;
  font-size: 13px !important;
}

header {
  z-index: 997;
}

#left-sidebar-nav {
  z-index: 997;
}

#sidebar-right li:hover,
#sidebar-right li.active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.drag-target {
  z-index: 994;
}

.autocomplete_icon {
  border-radius: 50%;
  padding: 5px 10px;
  margin-right: 15px;
  font-weight: bold;
}

.fixed-btn-inserimento {
  bottom: 15px;
}

/* #da-fare p, #da-fare span, #in-corso p, #in-corso span, #chiam-aperte p, #chiam-aperte span {
  word-break: break-all;
}*/

#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;
}

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

::-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;
}

.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 !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 0.5rem !important;
}

.btn.maxwidth {
  width: 100%;
}

#lista_movore td,
#lista_movore th {
  text-align: center;
}

.striped_collection {
  box-shadow: 1px -2px 2px 0 rgba(0, 0, 0, 0.1),
    -1px -1px 2px 0 rgba(0, 0, 0, 0.1) !important;
}

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

.striped_collection .striped:nth-child(even) {
  background: #f2f2f2 !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !important;
}

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

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

.switch label.modifica-tempi .lever:after {
  background-color: var(--primary);
}

.switch label.modifica-tempi .lever {
  background-color: var(--primary_dark);
}

.collection .collection-item {
  border-bottom: none;
  position: relative;
  width: 100%;
  padding: 15px 10px 0px 10px !important;
  display: inline-block;
  margin-bottom: 10px;
}

.anteprima_estensioni {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  font-size: 15px;
  display: inline-block;
}

.divisore {
  border-bottom: 1px solid var(--primary);
}

.border-bottom-li-black {
  border-bottom: 1px solid black;
  margin: 15px 0px 15px 0px;
}

.btn:hover,
.btn-large:hover {
  background-color: unset;
}

ul#storico_chiamate li div p.dati-chiamata-storico {
  margin: 0px;
  line-height: normal;
}

#risultati_ricerca_interventi table tr td.tariffa:hover,
#risultati_ricerca_interventi table tr td.divisione:hover,
#risultati_ricerca_interventi table tr td.tempo_fatturato:hover,
#risultati_ricerca_interventi table tr td.tempo_viaggio_fat:hover,
#risultati_ricerca_interventi table tr td.tempo_totale:hover,
#risultati_ricerca_interventi table tr td.edit_sede_mult:hover,
#risultati_ricerca_interventi table tr td.numero_definitivo:hover,
#risultati_ricerca_interventi table tr td.tempo_reale:hover {
  background-color: #00000059;
}

#risultati_ricerca_interventi table tr td.importo_intervento:hover, #risultati_ricerca_interventi table tr td.importo_costo_intervento:hover {
  background-color: #e7550052;
}
div#fatture_da_generare .fattura:not(:last-child):after {
  border-bottom: 1px solid var(--primary);
  width: -webkit-fill-available;
  padding-top: 15px !important;
}

.modal-fullpage {
  top: 0% !important;
  min-height: 100%;
  min-width: 100%;
}

.modal-fullpage .modal-content {
  padding: 5px;
  height: 100%;
}

.modal-fullpage .modal-content {
  height: 100% !important;
}
.modal-fullpage .modal-footer a {
  margin: 5px !important;
}

.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;
}

.lotto_ricambi_selezionato {
  background-color: #beffa9;
}

.modifica_timer {
  font-size: 50px !important;
  font-weight: 200;
  color: var(--primary);
  width: 10% !important;
  border-bottom: 0px !important;
}

/* GLI STILI DA USARE NELLE EMAIL METTIAMOLI QUI */
table.email-tabella-int {
  color: unset;
}

table.email-tabella-int tbody tr td {
  color: #999;
}

div.email-div-tabella-int {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* #sync_google, #sync_apple, #sync_outlook, #sync_url {
  display: block;
  line-height: 100%;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px;
  color: #333;
  font-weight: 600;
  padding: 5px 10px 5px 55px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  background-size: 32px 62% !important;
  cursor: pointer;
} */

#sync_google:hover,
#sync_apple:hover,
#sync_outlook:hover,
#sync_url:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

#sidebar-right-sync-icalendar a {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: 500;
}

/* #sidebar-right-sync-icalendar #sync_google {
  background: url(../img/sync_google.png) 8px 50% no-repeat;
}

#sidebar-right-sync-icalendar #sync_apple {
  background: url(../img/sync_apple.png) 8px 50% no-repeat;
}

#sidebar-right-sync-icalendar #sync_outlook {
  background: url(../img/sync_outlook.png) 8px 50% no-repeat;
}

#sidebar-right-sync-icalendar #sync_url {
  background: url(../img/sync_url.png) 8px 50% no-repeat;
} */

.chip_timer {
  background-color: var(--primary);
  border-radius: 15px;
  display: inline-block;
  padding: 5px 20px;
  color: white;
  margin: 5px 3px;
  user-select: none;
  cursor: pointer;
}

#timer_chips {
  margin-bottom: 25px;
  border-bottom: 0.5px solid var(--primary);
  padding-bottom: 20px;
}

#timer_fine_chips {
  user-select: none;
}

#chiamata .card-content div.row,
#intervento .card-content div.row {
  /* border: 1px solid black; */
}

.select2-selection {
  border-bottom: 1px solid #e0e0e0 !important;
}

.input-field .prefix ~ span.select2 {
  margin-left: 3rem !important;
}

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

/* PAGINA riepilogo.asp */
h5.card-title.data_programmata {
  margin: 0;
}

.shadow-2 {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
}

/* PAGINA esecuzione_intervento.asp */

.btn-width-75 {
  width: 75%;
  max-width: 350px;
}

.rif_intervento {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

#container_esecuzione #timer_intervento {
  font-size: 64px;
  font-weight: 400;
  color: var(--primary);
}

/* div#chiamata, div#intervento, div#fine */
div#container_esecuzione {
  height: inherit;
}
/* GLOBAL */
/*Matteo 16122020, commentato codice perche aggiunto nella dashboard.css overflow auto al main*/
/* div#main, div#data {
  height: inherit;
} */

div#intervento_pdf_anteprima.modal,
div#dichiarazione_fine_intervento.modal {
  height: 80%;
  max-height: 80%;
  width: 90%;
}

table.less-margin .row,
table.less-margin .row input {
  margin: 0px !important;
}

/*****************************MEDIA QUERY**************************************/
@media only screen and (max-width: 350px) {
  .timer_inserimento div span,
  #container_esecuzione #timer_intervento {
    font-size: 33px;
  }
  .timer_inserimento div i {
    font-size: 18px;
  }
  .modifica_timer {
    font-size: 44px !important;
  }

  #timer_fine_chips {
    font-size: 33px;
  }

  #modal-firma .modal-footer {
    height: 85px;
  }

  #timer_timer .timer {
    font-size: 33px;
  }

  #modale_timbratura {
    height: 95% !important;
    max-height: 95% !important;
    top: 2.5% !important;
    overflow: visible;
  }

  .btn {
    font-size: 9px;
  }

  .collapsible-body.intervento,
  .collapsible-header.header_riepilogo_storico,
  .collapsible-body.chiamata {
    font-size: 10px;
  }

  .col-body-int {
    max-width: 165px;
  }

  div#modale_inserimento_multiplo.modal,
  div#modal-ricambi.modal,
  div#intervento_pdf_anteprima.modal,
  div#modale_seleziona_lotto_dettagliati.modal,
  div#modale_viaggi_manuali.modal,
  div#dichiarazione_fine_intervento.modal,
  div#modal_int_da_chiudere.modal,
  .mobile_fixed_footer {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
  #modal_int_da_chiudere .modal-content {
    height: calc(100% - 152px);
  }
  .btn_termina_int_aperti {
    height: 140px !important;
  }
  .btn_termina_int_aperti div {
    width: 100% !important;
  }
  .btn_termina_int_aperti div a {
    width: 80% !important;
    min-width: 80% !important;
  }
  .btn_termina_int_aperti a {
    margin-bottom: 5px !important;
  }
  .btn_termina_int_aperti a:last-child {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 351px) and (max-width: 600px) {
  .timer_inserimento div span,
  #container_esecuzione #timer_intervento {
    font-size: 33px;
  }
  .timer_inserimento div i {
    font-size: 18px;
  }
  .modifica_timer {
    font-size: 44px !important;
  }

  .col-body-int {
    max-width: 200px;
  }

  #modal-firma .modal-footer {
    height: 85px;
  }

  #timer_timer .timer {
    font-size: 33px;
  }

  #modale_timbratura {
    height: 95% !important;
    max-height: 95% !important;
    top: 2.5% !important;
    overflow: visible;
  }

  .btn {
    font-size: 10px;
  }

  div#modale_inserimento_multiplo.modal,
  div#modal-ricambi.modal,
  div#intervento_pdf_anteprima.modal,
  div#modale_seleziona_lotto_dettagliati.modal,
  div#modale_viaggi_manuali.modal,
  div#dichiarazione_fine_intervento.modal,
  div#modal_int_da_chiudere.modal,
  .mobile_fixed_footer {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
  #modal_int_da_chiudere .modal-content {
    height: calc(100% - 102px);
  }
  .btn_termina_int_aperti {
    height: 90px !important;
  }
  .btn_termina_int_aperti a.annulla {
    margin-bottom: 5px !important;
  }
  .btn_termina_int_aperti a.annulla {
    min-width: 300px !important;
  }
}

/* Media query nata per visualizzare i modali su mobile più grandi anche il landscape */
@media (orientation: landscape) and (max-height: 600px) {
  div#modal-ricambi.modal,
  div#modale_gestione_ricambi.modal,
  div#modale_seleziona_lotto_dettagliati.modal,
  div#modale_viaggi_manuali.modal,
  div#intervento_pdf_anteprima.modal,
  div#dichiarazione_fine_intervento.modal,
  .mobile_fixed_footer {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
}

@media only screen and (min-width: 601px) {
  nav,
  nav .nav-wrapper i,
  nav a.button-collapse,
  nav a.button-collapse i {
    height: 65px;
  }
}

@media only screen and (max-width: 992px) {
  div.modal.modal-full-screen {
    top: 0% !important;
    min-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
  }

  #left-sidebar-nav {
    z-index: 998;
  }

  #main #btn_stampa_rottamazione .fixed-action-btn.toolbar.active {
    width: 100% !important;
    left: 0px !important;
  }

  #div_menu_ind {
    left: 23px;
  }

  #header input.header-search-input {
    padding: 8px 8px 8px 72px;
    width: calc(100% - 80px);
    margin-right: 0;
  }

  ul.sidenav.leftsidenavigation {
    top: 0px !important;
  }

  header nav ul.right {
    margin-right: 15px;
    position: absolute;
    top: 0;
    right: -20px;
  }

  #sidebar-right.sidenav {
    width: 288px;
  }

  .sidenav {
    width: 300px;
    padding-bottom: 0;
  }
}

@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;
  }
}

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

@media only screen and (min-width: 1200px) {
  .selectanniclasse {
    display: none;
  }
}

@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;
  }
}

@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;
  }
}

@media only screen and (max-width: 1900px) {
  .nascondi_fatturazione_filtri {
    display: none;
  }
}

@media only screen and (min-width: 1900px) {
  .nascondi_fatturazione_avviso {
    display: none;
  }
}

@media print {
  .stampa_si {
    display: block !important;
    page-break-before: avoid !important;
  }
  .stampa_no {
    display: none !important;
  }
  .interventi_da_fatturare {
    min-width: 750px !important;
  }
  td {
    font-size: 9px !important;
  }
  .stmp_w {
    width: auto !important;
    min-width: auto !important;
  }
  .stmp_h {
    max-height: 30px !important;
    margin: 0 !important;
  }
  .attiv_prev {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
  }
  .disp_table_row {
    display: table-row !important;
  }
  .no_pad {
    padding: 0px !important;
  }

  label.attprev {
    transform: translateX(-25px) translateY(-14px) scale(0.8) !important;
  }
  textarea.dettaglio_intervento.materialize-textarea {
    margin: 0 !important;
    transform: translateX(-12px) !important;
    border-bottom: 0px !important;
  }

  table.interventi_da_fatturare tbody tr.t_pari {
    background-color: #f2f2f2;
  }

  #ricerca_stampa thead th td,
  #ricerca_stampa tbody tr td {
    font-size: 11px;
  }
  html,
  body {
    height: 99%;
  }
}

@media screen and (max-width: 465px) {
  .lista_lotti .pulsanti {
    display: inline-grid !important;
  }
  .lista_lotti .rientra_ricambi {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 900px) {
  #modal_ricambi_dett_tecnico {
    height: 100%;
    max-height: 100%;
    width: 100%;
    top: 0% !important;
  }
}

@media screen and (max-width: 450px) {
  .lista_ricambi_assegnati .articolo {
    padding: 15px;
  }
}

.lista_ricambi_assegnati .articolo {
  margin-top: 0px;
}

@media screen and (max-width: 750px) {
  .lista_ricambi_assegnati .articolo {
    display: contents;
  }
  .lista_ricambi_assegnati .pulsanti {
    display: block;
  }
  .lista_ricambi_assegnati .collapsible-body i {
    margin-right: 0px;
  }
  .lista_ricambi_assegnati .vendi_ricambi {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .articolo_minum i,
  .articolo_plus i {
    font-size: 21px;
  }
  .appendi_pulsanti {
    display: inline-flex;
  }
  #nuova_assistenza_modal {
    height: 100%;
    max-height: 100%;
    width: 100%;
    top: 0% !important;
  }
  #modal_ricambi {
    height: 100%;
    max-height: 100%;
    width: 100%;
    top: 0% !important;
  }

  #lista_materiale .articolo {
    display: contents;
  }
  #lista_materiale .pulsanti {
    display: block;
  }
  #lista_materiale .aggiungi_ricambi {
    float: right;
  }
  #lista_materiale .collapsible-body i {
    margin-right: 0px;
  }
  #lista_materiale .rientra_ricambi {
    font-size: 12px;
  }
  #lista_materiale .aggiungi_ricambi {
    font-size: 12px;
  }
  #modale_dettaglio_quantita_ricambi .qta_iniz {
    margin-top: 20px;
  }
  .lista_ricambi_assegnati .div_show_qta_disp {
    margin-top: 15px;
  }
  .lista_ricambi_assegnati .vendi_ricambi {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 601px) {
  .articolo_minum i,
  .articolo_plus i {
    font-size: 24px;
  }
  .appendi_pulsanti {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .card_intervento_chiamata {
    display: flex;
  }
  #lista_materiale .articolo {
    display: flex;
  }
  #lista_materiale .pulsanti {
    display: grid;
  }
  #lista_materiale .collapsible-body i {
    margin-right: 0px;
  }
  #lista_materiale .rientra_ricambi {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #lista_materiale .aggiungi_ricambi {
    font-size: 12px;
  }
  #lista_materiale .qta_dispon {
    margin-top: 20px;
  }
  #modale_dettaglio_quantita_ricambi .qta_iniz {
    margin-top: 20px;
  }
  #modale_dettaglio_quantita_ricambi .qta_disp {
    margin-top: 20px;
  }
  .lista_ricambi_assegnati .articolo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.card_intervento_chiamata p {
  word-break: break-all;
}

@media screen and (min-width: 1600px) {
  .appendi_pulsanti {
    width: 5% !important;
  }
  .appendi_qua {
    width: 95% !important;
  }
}
table.tab_ric_dett td.select_causale input.select-dropdown {
  max-height: 30px;
  text-align: center;
  margin-bottom: 0px;
  color: black;
}

.listorico .riapri_intervento.disabled,
#storico_chiamate .riapri_chiam.disabled {
  pointer-events: all;
  cursor: default;
}
.btn_rounded {
  padding: 0 !important;
  width: 50px !important;
  height: 36px;
  margin-bottom: 1rem !important;
  min-width: 50px;
  border-radius: 1rem;
}
@media screen and (max-width: 600px) {
  .column_reverse_mobile {
    flex-flow: column-reverse !important;
  }
  .absolute_chip_tempman:not(.scrolled) {
    top: 90px !important;
  }
  .mb-40_mobile {
    margin-bottom: 40px;
  }
  #modale_viaggi_manuali .card_tempi_manuali {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  #modale_viaggi_manuali #tempi_manuali_arrivo {
    margin-left: 0%;
  }
  .full_center_mobile {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .margin_top_20_mobile {
    margin-top: 15px !important;
  }
  .margin_top_10_mobile {
    margin-top: 10px !important;
  }
  .full_center_reverse_mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row-reverse;
  }
  .fontsize_40_30_50 {
    font-size: 40px !important;
  }
  .width50_mobile {
    width: 50% !important;
  }
  .space_around_mobile {
    justify-content: space-around !important;
  }
  .btn_rounded {
    padding: 0 !important;
    width: 70px !important;
    height: 36px;
    margin-bottom: 1rem !important;
    min-width: 50px;
    border-radius: 1rem;
    background: var(--primary_dark);
  }
  .btn_rounded i {
    color: #fff !important;
  }
}
.btn_rounded i {
  color: #fff !important;
}
@media screen and (min-width: 1500px) {
  .left15px_on_very_large {
    margin-left: 15% !important;
  }
}

@media screen and (min-width: 601px) {
  #modale_viaggi_manuali .card_tempi_manuali {
    width: 47.5%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  #modale_viaggi_manuali #tempi_manuali_arrivo {
    margin-left: 5%;
  }
  .grid_on_tablet_and_up {
    display: grid !important;
  }
  .flex_on_tablet_and_up {
    display: flex !important;
    flex-wrap: wrap;
  }
  .nomargin_on_tablet_and_up {
    margin: 0 !important;
  }
  .collection_button2_on_tablet_and_up {
    position: absolute;
    top: 10%;
    right: 10px;
  }
  .collection_button8_on_tablet_and_up {
    position: absolute;
    top: 60%;
    right: 10px;
  }
  .full_center_on_tablet_and_up {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex_start_on_tablet_and_up {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

#tabella_ric_consigliati tr:nth-child(even) {
  background-color: #ff740017;
}

#tabella_ric_selezionati tr:nth-child(even) {
  background-color: #ff740017;
}
/* 
  CSS LEGATO ALLA NUOVA GESTIONE RICAMBI 
} */

#tabella_ric_selezionati td.select_causale input {
  margin: 0 !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.3rem;
  font-size: 13px;
}
#tabella_ric_selezionati td.select_causale span.caret {
  left: 100%;
  height: inherit;
  line-height: inherit;
  margin: inherit;
}
#tabella_ric_selezionati div.select-wrapper.causali_movimento {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabella_ric_selezionati select {
  border: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -ms-appearance: none !important;
}
#tabella_ric_selezionati td,
#tabella_ric_selezionati th {
  text-align: center;
}

#tabella_ric_selezionati div.select-mobile-wrapper {
  margin-bottom: 0px !important;
}
#tabella_ric_selezionati select.browser-default {
  padding: 0px !important;
  margin: 0 !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.3rem;
  font-size: 13px;
  border-bottom: 1px solid #dadada !important;
}
#tabella_ric_selezionati td.select_causale ul.dropdown-content li {
  min-height: 40px !important;
  border-bottom: 1px solid #c7c7c7;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabella_ric_selezionati td.select_causale ul.dropdown-content span {
  font-size: 13px;
  padding: 5px;
  min-height: 30px;
  text-align: center;
}
#tabella_ric_selezionati td.descrizione_articolo {
  overflow-wrap: break-word;
}
#no_risultati_visualizzati {
  top: 50%;
  left: calc(50% - 200px);
  position: relative;
  width: 400px;
  text-align: center;
}
@media screen and (max-width: 400px) {
  #tabella_ric_selezionati td.descrizione_articolo {
    max-width: 80px;
  }
  #tabella_ric_selezionati td.qta_utilizzata_venduta {
    width: 40px;
  }
  #tabella_ric_selezionati td.select_causale {
    min-width: 80px;
    width: 100px;
    padding: 0 !important;
  }
  .hide_on_very_small {
    display: none !important;
  }
  .right_0_on_very_small {
    right: 10px !important;
  }
  .input-field .prefix ~ input.nomarginleft_on_very_small,
  .select-mobile-wrapper.hide_icon .select-mobile,
  .input-field .prefix ~ select.nomarginleft_on_very_small,
  .select-mobile-wrapper.hide_icon label.nomarginleft_on_very_small,
  .input-field .prefix ~ label.nomarginleft_on_very_small {
    margin-left: 0 !important;
    width: 100% !important;
  }
  #no_risultati_visualizzati {
    left: 0 !important;
    text-align: left;
    width: auto;
  }
  .select-wrapper.nomarginleft_on_very_small {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 401px) and (max-width: 450px) {
  #tabella_ric_selezionati td {
    height: 40px;
  }
  #tabella_ric_selezionati td.descrizione_articolo {
    width: 80px;
  }
  #tabella_ric_selezionati td.qta_utilizzata_venduta {
    width: 50px;
  }
  #tabella_ric_selezionati td.select_causale {
    min-width: 100px;
    width: 120px;
    padding: 0 !important;
  }
  #tabella_ric_selezionati td.pulsante_elimina_riga i {
    font-size: 20px;
  }
}

@media screen and (min-width: 451px) and (max-width: 800px) {
  #tabella_ric_selezionati td {
    height: 45px;
  }
  #tabella_ric_selezionati td.descrizione_articolo {
    width: 120px;
  }
  #tabella_ric_selezionati td.qta_utilizzata_venduta {
    width: 80px;
  }
  #tabella_ric_selezionati td.select_causale {
    width: 150px;
    padding: 0 !important;
  }
  #tabella_ric_selezionati td.pulsante_elimina_riga i {
    font-size: 20px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1300px) {
  #tabella_ric_selezionati td.descrizione_articolo {
    width: 150px;
  }
  #tabella_ric_selezionati td.qta_utilizzata_venduta {
    width: 90px;
  }
  #tabella_ric_selezionati td.select_causale {
    width: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 1301px) {
  #tabella_ric_selezionati td.descrizione_articolo {
    width: 250px;
  }
  #tabella_ric_selezionati td.qta_utilizzata_venduta {
    width: 100px;
  }
  #tabella_ric_selezionati td.select_causale {
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 600px) {
  div.div_dati_descfisse {
    margin-bottom: 8px !important;
  }
}

/* promemoria */
@media only screen and (max-width: 600px) {
  .nomargin_mobile {
    margin: 0px !important;
  }
  .margin_bottom_mobile {
    margin-bottom: 1rem !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .bottom0_tablet {
    margin-bottom: 0px !important;
  }
  .fontsize_40_30_50 {
    font-size: 30px !important;
  }
  .w-25perc_onmed {
    width: 25% !important;
  }
}
@media only screen and (max-width: 500px) {
  .margin_mobile {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 600px) {
  .margin_mobile {
    margin-bottom: 20px;
  }
}
.secondary-content.cssdoc {
  color: var(--primary_dark);
  margin-right: 15px !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
}

@media only screen and (min-width: 600px) {
  .mansione_tablet_and_up {
    width: 100% !important;
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 993px) {
  #modale_crea_nuovo_cliente {
    top: 7% !important;
    height: 86%;
    max-height: 100%;
    width: 75%;
  }
}
@media only screen and (min-width: 993px) {
  .fontsize_40_30_50 {
    font-size: 45px !important;
  }
}
#modale_crea_nuovo_cliente input {
  margin-bottom: 19px !important;
}
.card_lista_interventi select {
  font-size: 0.8rem !important;
}
tr.riga_intervento.t_pari.not_valid {
  background: linear-gradient(180deg, #e0d8d8, rgb(255 193 193));
}
tr.riga_intervento.t_dispari.not_valid {
  background: linear-gradient(180deg, #ffffff, rgb(255 193 193));
}

.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;
}
.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;
}
.nome_contatto_rubrica {
  display: flex !important;
  align-items: center !important;
}
.btn_termina_int_aperti {
  flex-wrap: wrap;
  display: flex;
}
.btn_termina_int_aperti a {
  min-width: 150px;
}
@media only screen and (max-width: 600px) {
  .li_bottoni_rubrica {
    display: block;
    align-items: center;
    justify-content: flex-end;
  }
  .btn_termina_int_aperti div {
    width: 50%;
  }
  .btn_termina_int_aperti div:first-child {
    width: 100%;
  }
  .m_x_10px_mobile {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@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;
  }
  .btn_termina_int_aperti div {
    width: 33.3333333%;
  }
}
@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;
  }
  .container_rubrica_principale {
    width: 90%;
  }
  .lista_lettere_rubrica {
    width: 10%;
  }
  .m_x_0_verysmall {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .flex_column_very_small {
    flex-direction: column !important;
  }
}
@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%;
  }
}
.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);
}
@-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: "";
  }
}

@-webkit-keyframes BLINK_C_PRIMARY_OPACITY_INIFINITE {
  0%,
  10% {
    background-color: #f57b0044;
  }
  10%,
  25% {
    background-color: #f57b0065;
  }
  25%,
  60% {
    background-color: #f57b0027;
  }
  60%,
  95% {
    background-color: #f57b0065;
  }
  95%,
  100% {
    background-color: #f57b0027;
  }
}

.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_loop {
  -webkit-animation: BLINK_C_PRIMARY_OPACITY_INIFINITE 3s infinite; /* Safari 4+ */
  -moz-animation: BLINK_C_PRIMARY_OPACITY_INIFINITE 3s infinite; /* Fx 5+ */
  -o-animation: BLINK_C_PRIMARY_OPACITY_INIFINITE 3s infinite; /* Opera 12+ */
  animation: BLINK_C_PRIMARY_OPACITY_INIFINITE 3s infinite; /* 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;
}
.container_notespe {
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 1rem;
}
.container_notespe.margin_top_switch_minum {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .container_notespe {
    flex-direction: column;
    margin-top: 0;
  }
  .container_notespe.margin_top_switch_minum {
    margin-top: -1.5rem;
  }
  .switch_container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .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;
}
.slidefromtop {
  -webkit-animation: slide-in-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
#ricerca span.select2 {
  margin-bottom: 13px;
}
.shadow_primary {
  -webkit-box-shadow: 0px 0px 3px 1px var(--primary);
  box-shadow: 0px 0px 3px 1.5px var(--primary);
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.slidetotop {
  -webkit-animation: slide-out-top 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53)
    both;
  animation: slide-out-top 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}

.eti_scad {
  text-align: right;
  width: 200px;
  height: 80px;
  border: 1px solid red;
  color: red;
  padding: 5px;
}
.truncate_text_no_whitespace {
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
#modale_viaggi_manuali
  .switch
  input[type="checkbox"]:checked:disabled
  + .lever {
  background: #cacaca !important;
}
.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;
}
.hover_primary_and_bold:hover:not(.selected) {
  background: #ffe8d7;
}
.hover_primary_and_bold.selected {
  -webkit-box-shadow: 0 2px 2px 0 rgb(255 106 0 / 0%),
    0 1px 5px 0 rgb(255 120 0), 0 3px 1px -2px rgb(255 94 0) !important;
  box-shadow: 0 2px 2px 0 rgb(255 106 0 / 0%), 0 1px 5px 0 rgb(255 120 0),
    0 3px 1px -2px rgb(255 94 0) !important;
}
.hover_primary_and_bold:hover span,
.hover_primary_and_bold:hover i,
.hover_primary_and_bold.selected span,
.hover_primary_and_bold.selected i {
  font-weight: 900;
}
.desc_fake_table_tari {
  border: 1px solid rgb(197, 197, 197);
  padding: 0 1rem;
  font-size: 12px;
  color: rgb(170, 170, 170);
  border-radius: 1rem;
}
@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;
  }
}
.d-flex {
  display: flex;
}
.d-flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.textarea_fake_placeholder,
.fake_placeholder_attivita {
  position: absolute;
  width: calc(100% - 3rem);
  height: 2.5rem;
  bottom: 1rem;
  left: 3rem;
  text-align: center;
  opacity: 0.5;
  font-size: 1.5rem;
  font-style: italic;
  cursor: pointer;
}
@media screen and (max-width: 1800px) {
  textarea.costificazione,
  textarea.storico {
    padding-bottom: 60px !important;
  }
  textarea.costificazione ~ .textarea_fake_placeholder,
  textarea.storico ~ .textarea_fake_placeholder {
    bottom: 3rem !important;
  }
}
.fixed_icon {
  position: absolute;
  top: -15px;
  left: calc(50% - 12px);
  font-size: 24px;
}
.width_50_33_with_margin {
  width: calc(33.3333333% - 2rem);
  margin: 1rem;
  border-top: 1px solid gainsboro;
}
.width_100_50_with_margin {
  width: calc(50% - 1rem);
  margin: 0.5rem;
}
@media screen and (max-width: 600px) {
  .textarea_fake_placeholder,
  .fake_placeholder_attivita {
    bottom: 3.5rem;
  }
  textarea.gest_squadreman_attiva,
  textarea.gest_attman_attiva {
    padding-bottom: 60px !important;
  }
  .width_50_33_with_margin {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
  .width_100_50_with_margin {
    width: calc(100% - 1rem);
    margin: 0.5rem;
  }
  .mobile_fixed_footer .modal-content {
    height: calc(100% - 86px) !important;
  }
  .mobile_fixed_footer .modal-footer {
    height: 74px !important;
  }
  .btn_large_mobile {
    height: 54px;
    line-height: 54px;
  }
  textarea.storico ~ .textarea_fake_placeholder {
    left: 1rem !important;
    top: 4.2rem !important;
  }
}
@media screen and (max-width: 400px) {
  .textarea_fake_placeholder,
  .fake_placeholder_attivita {
    font-size: 1.3rem;
  }
}
textarea.storico ~ .textarea_fake_placeholder {
  left: 2rem !important;
}
.align_start {
  text-align: start !important;
}
.d-grid {
  display: grid;
}
.visualizza_tutte_sedi {
  padding: 0rem 1rem;
  margin-top: 5px;
  color: #fff;
  background-color: var(--primary_dark);
  font-size: 13px;
  font-weight: 900;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox_dichiarazioni + label {
  height: auto !important;
}
.sedi_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.sede_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  text-align: center;
  margin: 0 1rem 1rem;
  width: calc(50% - 2rem);
  border-radius: 1rem;
  border: 1px solid gainsboro;
}
@media screen and (max-width: 600px) {
  .sede_card {
    width: calc(100% - 2rem);
  }
}
#sedi_collegate .sede_card[data-origin="N"],
#sedi_non_collegate .sede_card[data-origin="S"] {
  border-color: #ffc586;
  -webkit-box-shadow: 0 3px 3px 0 #ffc1a0, 0 1px 7px 0 #ffc1a0,
    0 3px 1px -1px #ffc1a0;
  box-shadow: 0 3px 3px 0 #ffc1a0, 0 1px 7px 0 #ffc1a0, 0 3px 1px -1px #ffc1a0;
}
.custom_dip_select2_mobile {
  margin-bottom: 14px;
}
@media screen and (max-width: 600px) {
  .custom_dip_select2_mobile {
    margin-bottom: 0;
  }
  .custom_dip_select2_mobile label {
    top: -55px !important;
  }
}
.edit_storico_paragraph p {
  margin: 0 !important;
}
.edit_storico_paragraph p.first_paragraph {
  line-height: 24px;
}
#espdiv .riga_csv.avatar {
  padding: 25px 45px 25px 72px !important;
  background: transparent;
  border-bottom: 1px solid #e8e8e8 !important;
  position: relative;
}

#espdiv .riga_csv.avatar .icona {
  position: absolute;
  width: 42px;
  height: 42px;
  font-size: 27px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.will_load_select {
  min-height: 61px !important;
}

.datepicker-table td {
  border: 0px !important;
}

.datepicker-table th {
  border: 0px !important;
}

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