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

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

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

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

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

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

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

.collection .collection-item {
  border-bottom: none;
  position: relative;
  width: 100%;
  padding: 15px 10px 0px 10px;
  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 !important;
}

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

[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.42) !important;
}

[type="radio"].with-gap:disabled:checked + label:after {
  border: none !important;
  background-color: rgba(0, 0, 0, 0.42) !important;
}

/* .btn {
	padding: 0 1rem;
	min-width: 100px;
} */

.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: #fff !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: var(--primary_dark) !important;
  opacity: 0.6;
}

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

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

.clockpicker-canvas-bg {
  fill: var(--primary_dark) !important;
  opacity: 0.6;
}

.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 {
  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;
  min-width: 32px;
  min-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: 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;
  border: solid 1px black !important;
}

.note-editable {
  min-height: 150px;
  height: auto !important;
  -webkit-user-select: initial;
  user-select: initial;
}

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

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

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

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

.input-field.col .dropdown-content [type="checkbox"] + label {
  top: -10px !important;
}

.indicator {
  display: none;
}

.tabs .tab a.active {
  border-bottom: 3px solid white;
}
/*
label {
  top: .5rem !important;
}*/

.collapsible-header {
  display: block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

span.badge {
  min-width: 1.8rem !important;
  padding: 0px 5px !important;
  margin-left: 5px !important;
  margin-top: calc(1.5rem - 11px);
  font-weight: 600 !important;
  font-size: 1rem;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: white;
  line-height: 32px;
  padding: 0px 12px;
  border-radius: 16px;
  background-color: var(--primary);
  margin-bottom: 5px;
  margin-right: 7px;
}

#elenco_contatti .collection .collection-item,
#personale .collection .collection-item {
  padding: 10px 0px 10px 5px;
}

.tooltip_container {
  display: inline;
}

#activity ul.collection {
  max-height: 100% !important;
}

#activity .collection::before {
  position: absolute;
  top: 1.5rem;
  left: 6.5px;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--primary);
}

#activity .collection-item::before {
  font-family: "Material Icons";
  font-size: 1rem;
  position: absolute;
  left: 0;
  content: "\e3fa";
  color: var(--primary);
}

#activity .date {
  font-size: 1rem;
  margin-top: -1px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--primary);
}

#activity .collection {
  border: none;
  background: transparent !important;
}

#activity .collection .collection-item {
  margin-bottom: 1rem;
  padding-left: 2rem !important;
  border: none;
  background: transparent !important;
}

#activity .collection .collection-item p {
  font-size: 0.9rem;
  background: transparent !important;
}

#activity .collection .collection-item .badge {
  float: none;
  background: transparent !important;
  margin: 0;
  padding: 0.3rem 0.5rem 0.4rem 0.5rem;
}

#activity .collection .collection-item .secondary-content {
  font-size: 0.9rem;

  color: var(--primary_dark);
}

#slide-out-right.sidenav {
  height: 100% !important;
}

#slide-out-right.sidenav {
  top: 0;
  width: 340px;
  padding-bottom: 0;
}

#slide-out-right {
  overflow: hidden;
}

.activity::before {
  display: none;
}

#sidebar-right-timeline h4 {
  font-size: 2.1rem;
}

.ges_qta i {
  margin-left: -14px;
  font-weight: 500;
}

.input_pezzi {
  width: 70px !important;
  text-align: center;
  margin: 0 15px !important;
  font-size: 18px !important;
  font-weight: bold;
}

.ges_qta {
  min-width: 40px;
}

.btn_collection {
  position: absolute !important;
  top: 50% !important;
  right: 0;
  transform: translate(-50%, -50%) !important;
  color: var(--primary_dark);
  margin: 0 0 0 20px;
}

.modal .modal-footer {
  text-align: center !important;
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.42) !important;
}

.btn_collection_10 {
  position: absolute !important;
  top: 34% !important;
  right: 0;
  transform: translate(-50%, -50%) !important;
  color: var(--primary_dark);
  margin: 0 20px;
}

.btn_collection_4 {
  position: absolute !important;
  top: 75% !important;
  right: -2rem;
  transform: translate(-50%, -50%) !important;
  color: var(--primary_dark);
  margin: 0 20px;
}

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

.title {
  font-size: 2.1rem;
  font-weight: 400;
}

.flex_card a {
  word-break: break-all;
}

.flex_card {
  margin: 0 5px;
}

#elenco_contatti span.badge[data-badge-caption="E"] {
  background-color: red;
}

#elenco_contatti span.badge[data-badge-caption="P"] {
  background-color: #ff8822;
}

#elenco_contatti span.badge[data-badge-caption="V"] {
  background-color: #17b44d;
}

.eventi span.badge[data-badge-caption="E"] {
  background-color: red;
}

.eventi span.badge[data-badge-caption="A"] {
  background-color: #ff8822;
}

.eventi span.badge[data-badge-caption="D"] {
  background-color: #17b44d;
}

.eventi span.badge[data-badge-caption="C"] {
  background-color: #676767;
}

#rubrica_cliente span.badge[data-badge-caption="E"] {
  background-color: red;
}

#rubrica_cliente span.badge[data-badge-caption="P"] {
  background-color: #ff8822;
}

#rubrica_cliente span.badge[data-badge-caption="V"] {
  background-color: #17b44d;
}

#rubrica_cliente .label_chips {
  transform: translateY(-30%) scale(0.8);
}

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

@media only screen and (max-width: 600px) {
  #edita_contatto_interno .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
  }

  #edita_contatto_interno .modal-footer {
    position: absolute;
    bottom: 0;
  }

  #edita_contatto_interno .titolo_modale {
    padding-top: 40px;
  }

  #edita_contatto_interno .modal_btn {
    display: none !important;
  }

  #edita_contatto_interno {
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
  }

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

  .title_sedi_alt {
    max-width: 70% !important;
  }

  .margin_on_mobile_rubrica {
    margin: 15px 0 0 1.5rem !important;
  }

  #rubrica_cliente div.chip {
    font-size: 13px !important;
  }

  .input_pezzi {
    width: 50px !important;
    text-align: center;
    margin: 0 10px !important;
    font-size: 18px !important;
    font-weight: bold;
  }

  .flex_card a {
    font-size: 12px;
  }

  .li_bottoni_rubrica {
    display: block;
    align-items: center;
    justify-content: flex-end;
  }
  .font_size_70_to_80 {
    font-size: 70% !important;
  }
  span.badge.nopadding_onmobile {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 601px) {
  #edita_contatto_interno .modal-footer {
    display: none !important;
  }
  .radio_label {
    font-size: 1.2rem !important;
  }
  .title_sedi_alt {
    max-width: 80% !important;
  }
  .flex_on_tablet {
    display: flex !important;
  }
  .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);
  }
  .adaptive_margin_left {
    margin-left: 5%;
  }
  .card_allegati {
    width: 45%;
    margin: 0 2.5%;
  }
  .modal-footer-notmobile {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
  }
  .full_center_on_med_and_up {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .font_size_70_to_80 {
    font-size: 80% !important;
  }
}
@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);
  }
  .div_ricerca_custom_lubro {
    width: calc(100% - 40px) !important;
  }

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

  .tooltip_container {
    display: flex;
    align-items: center;
  }
  .mobile_bottom6rem {
    margin-bottom: 6rem !important;
  }
}

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

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .font_size_until993_to_1200 {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .selectanniclasse {
    display: none;
  }
  .xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (max-width: 800px) {
  .hide_until_800 {
    display: none !important;
  }
}

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

/* promemoria */
@media only screen and (max-width: 600px) {
  .btn_ricerca_rubrica {
    width: 40% !important;
    margin: 0 10px;
  }
  .nomargin_mobile {
    margin: 0px !important;
  }
  .radio_label {
    font-size: 1rem;
  }
  .adaptive_margin_left {
    margin-left: 10%;
  }
  .small_font_mobile {
    font-size: 13px !important;
  }
  .card_allegati {
    margin: 0 5%;
    width: 90%;
    margin-bottom: 15px;
  }
  .adaptive_width_100_50 {
    width: 100% !important;
  }
  .indent_sedi_alt {
    width: calc(100% - 1rem) !important;
    margin-left: 1rem !important;
  }
  .marginbot_onsmall {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 992px) {
  #modale_agenti {
    padding-bottom: 75px;
  }
  div#edita_contatto_interno {
    min-height: 350px;
    overflow: visible;
  }
  .flex_on_med_and_down {
    display: flex;
  }
  .margin_bottom_20_not_desktop {
    margin-bottom: 20px !important;
  }
  .nopadding_onmobile {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  #modale_agenti {
    padding-bottom: 0px;
  }
  .flex_on_desktop {
    display: flex;
  }
  div#edita_contatto_interno #mod_int_cognome {
    margin-bottom: 20px;
  }
  div#edita_contatto_interno #mod_int_nome {
    margin-bottom: 20px;
  }
  div#edita_contatto_interno #mod_int_mail {
    margin-bottom: 20px;
  }
  div#edita_contatto_interno {
    min-height: 300px;
    overflow: visible;
  }
  .div_ricerca_custom_lubro {
    width: calc(50% - 40px) !important;
  }
  .full_center_not_mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #modale_crea_nuovo_cliente {
    top: 10% !important;
    height: 80%;
    max-height: 100%;
    width: 75%;
  }
  .p-x-3rem {
    padding: 0 3rem !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .bottom0_tablet {
    margin-bottom: 0px !important;
  }
  .adaptive_width_100_50 {
    width: 100%;
  }
  .indent_sedi_alt {
    width: calc(100% - 2rem) !important;
    margin-left: 2rem !important;
  }
}
@media only screen and (max-width: 500px) {
  .margin_mobile {
    margin-bottom: 20px;
  }
  .adaptive_label_left {
    margin-left: 20%;
  }
}
@media only screen and (min-width: 501px) and (max-width: 600px) {
  .margin_mobile {
    margin-bottom: 20px;
  }
  .adaptive_label_left {
    margin-left: 15%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
  .adaptive_label_left {
    margin-left: 7%;
  }
}
@media only screen and (min-width: 701px) and (max-width: 799px) {
  .adaptive_label_left {
    margin-left: 12%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 992px) {
  .adaptive_label_left {
    margin-left: 11%;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .adaptive_label_left {
    margin-left: 10%;
  }
  .adaptive_width_100_50 {
    width: 50%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  .adaptive_label_left {
    margin-left: 8%;
  }
  .adaptive_width_100_50 {
    width: 50%;
  }
}
@media only screen and (min-width: 1501px) {
  .adaptive_label_left {
    margin-left: 5%;
  }
  .adaptive_width_100_50 {
    width: 50%;
  }
}
.secondary-content.cssdoc {
  color: var(--primary_dark);
  margin-right: 15px !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
}
.label_hide_active.active {
  display: none;
}
@media only screen and (max-width: 992px) {
  #timeline_contatto {
    width: 80%;
  }
  #card_event.margin_mobile {
    margin-bottom: 150px;
  }
  div.card.primo_input {
    width: 80%;
    height: 30%;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  div.card.primo_input div.input-field {
    width: 90%;
    margin-right: 5%;
  }
  .title_v2 {
    font-size: 1.1rem;
  }
  div#modale_crea_nuovo_cliente {
    height: 100%;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
  .nomarginbot_onmobile {
    margin-bottom: 0px !important;
  }
  #div_referente {
    margin-top: 20px;
    clear: both;
    box-sizing: border-box;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    width: 100% !important;
  }
}

@media only screen and (min-width: 993px) {
  #timeline_contatto {
    width: 60% !important;
  }
  .hide-on-large-only {
    display: none;
  }
  #card_event.margin_mobile {
    margin-bottom: 0px !important;
  }
  .indent_sedi_alt {
    width: calc(100% - 3rem) !important;
    margin-left: 3rem !important;
  }
  div.card.primo_input {
    width: 50%;
    height: 30%;
    position: absolute;
    top: 55%;
    left: 62%;
    transform: translateY(-50%) translateX(-50%);
  }
  div.card.primo_input div.input-field {
    width: 80%;
    margin-right: 10%;
  }
  .title_v2 {
    font-size: 1.3rem;
  }
  .margin_left_10_20_30_40 {
    margin-left: 40px;
  }
  .not_flex_until_desktop {
    display: flex !important;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1500px) {
  #timeline_contatto {
    width: 50% !important;
  }
  div.card.primo_input {
    left: 58% !important;
  }
}
@media only screen and (min-width: 1501px) {
  div.card.primo_input {
    left: 55% !important;
  }
}
@media only screen and (min-width: 600px) {
  .mansione_tablet_and_up {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .lista_bottoni_colonna a {
    margin-bottom: 5px;
  }
  #edita_contatto_interno .modal_btn {
    position: relative;
    bottom: 0;
  }
  .li_rubrica_contatto {
    align-items: center;
    padding: 8px 0px 8px 15px !important;
  }
  span.center_rubrica {
    font-weight: 450;
  }
}
@media only screen and (max-width: 599px) {
  #timeline_contatto {
    width: 90% !important;
  }
  #card_event.margin_mobile {
    margin-bottom: 80px !important;
  }
  .primo_input .rgs_event {
    height: 80px !important;
  }
  div.card.primo_input {
    height: 50% !important;
  }
  .title_v2 {
    font-size: 1rem !important;
  }
  #modale_crea_nuovo_cliente input.add_codicesdi,
  #modale_crea_nuovo_cliente input.add_email,
  #modale_crea_nuovo_cliente input.add_ragione_sociale {
    margin-bottom: 20px !important;
  }
  .modal_fullpage_mobile {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    top: 0% !important;
  }
  .fixed_bottom_mobile {
    position: fixed;
    bottom: 2rem;
    width: 100%;
    left: 0;
  }
  .padding_bottom_mobile_6rem {
    padding-bottom: 6rem !important;
  }
  .modal_fullpage_mobile .modal-footer {
    height: 64px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal_fullpage_mobile .modal-content {
    height: calc(100% - 76px) !important;
  }
  .perfect_center_mobile {
    margin: 0;
    position: absolute;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  div#edita_contatto_interno .titolo_modale {
    text-align: center;
  }
  .margin_left_10_20_30_40 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  #modale_crea_nuovo_cliente input.add_email,
  #modale_crea_nuovo_cliente input.add_ragione_sociale {
    margin-bottom: 20px !important;
  }
  .margin_left_10_20_30_40 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1499px) {
  .m6custom {
    width: 44% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  .mid_card_aggiungi_contatto_interno {
    width: 44% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  .full_card_aggiungi_contatto_interno {
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
  .temp_full_card_aggiungi_contatto_interno {
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
  div#edita_contatto_interno.modal {
    width: 75%;
  }
  .btn_ricerca_rubrica {
    width: 30% !important;
    margin: 0 20px;
  }
}
div.card.primo_input {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1500px) {
  /* .show-on-very-large{
    display:none;
  } */
  .btn_ricerca_rubrica {
    width: 20% !important;
    margin: 0 20px;
  }
  .hide-on-very-large-only {
    display: none !important;
  }
  .xl97 {
    width: 97% !important;
  }
  .xl3 {
    width: 3% !important;
  }
  .xl4custom {
    width: 29% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .xl3custom {
    width: 23% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
  }
  .xl3custom.input-field input:not(.select-dropdown),
  .xl3custom.input-field div.select-wrapper {
    margin-left: 2.2rem !important;
  }
  .xl3custom.input-field label.active {
    margin-left: 2.3rem !important;
  }
  .card_aggiungi_contatto_interno {
    width: 29% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .xl_mid_card_aggiungi_contatto_interno {
    width: 62% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .xl_full_card_aggiungi_contatto_interno {
    width: 68% !important;
    margin-left: 16% !important;
    margin-right: 16% !important;
  }
  .temp_xl_full_card_aggiungi_contatto_interno {
    width: 68% !important;
    margin-left: 16% !important;
    margin-right: 16% !important;
  }
  div#edita_contatto_interno.modal {
    width: 60%;
  }
}
@media only screen and (max-width: 1499px) {
  /* .hide-on-very-large-only{
    display:none;
  } */
  .show-on-very-large {
    display: none !important;
  }
}
@media only screen and (max-width: 420px) {
  a#ricerca_eventi i {
    margin: 0px !important;
  }
}
.color_green {
  color: #23cf5f !important;
}
.color_red {
  color: rgb(255, 0, 0) !important;
}
.full_center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.full_center_around {
  justify-content: space-around;
  align-items: center;
  display: flex;
}
.w-20 {
  width: 20%;
}
.bold {
  font-weight: bold !important;
}
.lista_principale {
  margin-bottom: 80px;
}
.evento_non_valido {
  background-color: #ffd6d6;
  overflow-x: hidden;
}
#rubrica_cliente input {
  margin-bottom: 19px !important;
}
/* STILE AGGIUNGI CONTATTO */
@media only screen and (max-width: 400px) {
  .btn_dati_contatto {
    margin-left: 10px;
  }
  .margin_left_10_20_30_40 {
    margin-left: 10px !important;
  }
  .cliente_gia_collegato_text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cliente_gia_collegato {
    margin-left: 0%;
  }
  label.label_chips_mobile {
    transform: translateY(-10%) scale(0.8) !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo {
    margin-bottom: 30px !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_no_textarea {
    margin-bottom: 25px !important;
  }
  #sidebar-right-timeline {
    width: 80% !important;
  }
  .adaptive_min_max_width_40_50_mobile {
    min-width: 40% !important;
    max-width: 50% !important;
  }
  .adaptive_min_max_width_60_50_mobile {
    min-width: 50% !important;
    max-width: 60% !important;
  }
  .xs0 {
    width: 0% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs1 {
    width: 8.3333333333% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs2 {
    width: 16.6666666667% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs3 {
    width: 25% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs4 {
    width: 33.3333333333% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs5 {
    width: 41.6666666667% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs6 {
    width: 50% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs7 {
    width: 58.3333333333% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs8 {
    width: 66.6666666667% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs9 {
    width: 75% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs10 {
    width: 83.3333333333 !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs11 {
    width: 91.6666666667% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .xs12 {
    width: 100% !important;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .adaptive_width_100_50 {
    width: 100% !important;
  }
}
@media only screen and (min-width: 401px) and (max-width: 599px) {
  .btn_dati_contatto {
    margin-left: 15px;
  }
  .cliente_gia_collegato {
    margin-left: 5px;
  }
  .lista_bottoni_colonna a {
    margin-bottom: 0px;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo {
    margin-bottom: 25px !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_no_textarea {
    margin-bottom: 20px !important;
  }
  #sidebar-right-timeline {
    width: 65% !important;
  }
  .adaptive_min_max_width_40_50_mobile {
    min-width: 50% !important;
    max-width: 50% !important;
  }
  .adaptive_min_max_width_60_50_mobile {
    min-width: 50% !important;
    max-width: 50% !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .btn_dati_contatto {
    margin-left: 35px;
  }
  .cliente_gia_collegato {
    margin-left: 10px;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo {
    margin-bottom: 20px !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_no_textarea {
    margin-bottom: 0px !important;
  }
  #sidebar-right-timeline {
    width: 35% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1500px) {
  .btn_dati_contatto {
    margin-left: 25px;
  }
  .cliente_gia_collegato {
    margin-left: 20px;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo {
    margin-bottom: 25% !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_no_textarea {
    margin-bottom: 5% !important;
  }
  #sidebar-right-timeline {
    width: 28% !important;
  }
}
@media only screen and (min-width: 1501px) {
  .btn_dati_contatto {
    margin-left: 35px;
  }
  .cliente_gia_collegato {
    margin-left: 30px;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo {
    margin-bottom: 10% !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_no_textarea {
    margin-bottom: 10% !important;
  }
  #sidebar-right-timeline {
    width: 20% !important;
  }
}
.lista_bottoni_colonna {
  display: grid;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.selectable_text {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#filtri input {
  margin-bottom: 19px !important;
}
#rubrica_cliente span {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#nuovo_contatto span {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
/* GESTIONE BOTTONI SUMMERNOTE */
@media only screen and (max-width: 400px) {
  div.hide_btn_summernote_mobile button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-fontname {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-insert {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-view {
    display: none !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 50px !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 50px !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-superscript {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-subscript {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-fontname {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-insert {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-view {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-style {
    display: none !important;
  }
  .titolo_motivazione_evento {
    width: 75%;
  }
  .titolo_note_eseguite {
    width: 25% !important;
  }
}
@media only screen and (min-width: 401px) and (max-width: 599px) {
  div.hide_btn_summernote_mobile button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-fontname {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-insert {
    display: none !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 60px !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 50px !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-fontname {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-insert {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-superscript {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-subscript {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-style {
    display: none !important;
  }
  .titolo_motivazione_evento {
    width: 60%;
  }
  .titolo_note_eseguite {
    width: 40% !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
  div.hide_btn_summernote_mobile button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-insert {
    display: none !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 60px !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 40px !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-insert {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-style {
    display: none !important;
  }
  .titolo_motivazione_evento {
    width: 50%;
  }
  .titolo_note_eseguite {
    width: 50% !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 992px) {
  div.hide_btn_summernote_mobile button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile div.note-insert {
    display: none !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 40px !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 30px !important;
  }
  div.hide_btn_summernote_mobile_modal button.note-btn-strikethrough {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-para {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-insert {
    display: none !important;
  }
  .titolo_motivazione_evento {
    width: 45%;
  }
  .titolo_note_eseguite {
    width: 55% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1500px) {
  /* div.hide_btn_summernote_mobile div.note-para{
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-para{
    display: none !important;
  } */
  div.hide_btn_summernote_mobile_modal div.note-table {
    display: none !important;
  }
  div.hide_btn_summernote_mobile_modal div.note-insert {
    display: none !important;
  }
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 40px !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 25px !important;
  }
  .titolo_motivazione_evento {
    width: 40%;
  }
  .titolo_note_eseguite {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1501px) {
  .lista_bottoni_colonna a.btn_ins_multiplo_lubro {
    margin-bottom: 60% !important;
  }
  .lista_bottoni_colonna a.btn_ricerca_contatti {
    margin-bottom: 25px !important;
  }
  .titolo_motivazione_evento {
    width: 32%;
  }
  .titolo_note_eseguite {
    width: 68% !important;
  }
}
/* CUSTOMIZZATO STILE SUMMERNOTE, SE SI DESIDERA RIMUOVERE ATTENZIONE CUSTOM LUBRO */
.note-editor ul {
  list-style: disc !important;
  list-style-position: inside;
  padding-left: 40px !important;
}
.note-editor ul li {
  list-style-type: disc !important;
}
.note-btn-group,
.dropdown-toggle {
  /* border: 1px solid #000 !important; */
  border-color: #000;
}
.note-toolbar {
  background-color: #d7d7d7 !important;
}
.note-editable {
  background-color: #f8f8f8 !important;
}
.fake_input_adaptive {
  margin-top: 5px !important;
  margin: 10px 0px 5px 3rem;
  width: calc(100% - 3rem);
  padding: 5px;
  border-bottom: dotted black 1px;
}
.legenda label.allegati_default:after {
  background-color: #00a8ff !important;
  border: none !important;
}
.legenda label.allegati_manualmente:after {
  background-color: #5ad7a0 !important;
  border: none !important;
}
.legenda label.allegati_modale:after {
  background-color: var(--primary_dark) !important;
  border: none !important;
}
.legenda p,
.legenda input,
.legenda label {
  cursor: default !important;
}
/* FATTO PERCHE NON ANDAVANO INLINE LE DUE TABELLE DEI COLORI MA UNA SOTTO L'ALTRA */
.note-btn.note-color-btn {
  width: 18.7px !important;
  height: 18.7px !important;
  /* border: 1px solid #000; */
}
.note-color-row {
  height: 18.7px !important;
}
.note-dropdown-menu .note-palette {
  width: 150px !important;
}
.lista_bottoni_colonna .btn_lista_colonna {
  margin-bottom: 100%;
}
.modal_fullscreen {
  height: 100% !important;
  max-height: 100%;
  width: 100% !important;
  top: 0% !important;
}
li.contatto div.chip {
  background: linear-gradient(143deg, #0ddd1f, #0ba80c);
  margin: 5px 5px 0px 0px !important;
}
li.contatto div.chip.no_prodotti {
  background: linear-gradient(12deg, #1be6c4, #0ba889) !important;
}
li.eventi div.body_generale {
  background: linear-gradient(90deg, #00ff572b, #03ff0047) !important;
}
.truncate_important {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#campi_ricerca_rubrica #ricerca_contatto,
#campi_ricerca_rubrica p.adaptive_width_100_50 {
  margin-right: 10px !important;
}
.shadow_sedi_alternative {
  box-shadow: 1px 1px 7px 0px rgb(12 255 0 / 78%);
  -webkit-box-shadow: 1px 1px 7px 0px rgb(12 255 0 / 78%);
  -moz-box-shadow: 1px 1px 7px 0px rgb(12 255 0 / 78%);
}
.fixed_top_of_page {
  z-index: 990;
  position: fixed;
  top: 55px;
}
.titolo_ricerca_contatti {
  font-size: 1rem !important;
  color: #646b6b !important;
  font-weight: 500 !important;
}
.hide_if_no_active:not(.active) {
  display: none !important;
}
.finded_crm {
  background-color: var(--primary_dark);
  color: #fff;
  font-weight: 600;
  padding: 1px;
}
.finded_icon_crm {
  padding: 0;
  background-color: var(--primary_dark);
  color: #fff;
}
@media only screen and (min-width: 401px) {
  .finded_icon_crm {
    padding: 2px;
  }
}
.fixed_close {
  height: 36px;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 1;
  background: #b71515bd;
  cursor: pointer;
}
.fixed_close ~ div.modal-content {
  padding-top: 40px !important;
}
.fixed_close i.material-icons {
  font-size: 36px !important;
  font-weight: 600 !important;
  color: #fff;
  transition: 0.4s;
}
.fixed_close:hover i.material-icons {
  -webkit-animation: rotate10deg 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate10deg 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes rotate10deg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes rotate10deg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

.modal.removing_modal {
  -webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
    both;
  animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
.select2.prefix_icon + span.select2-container {
  margin: 0 0 21px 3rem;
  width: calc(100% - 3rem) !important;
}
.allegati_presenti {
  border-radius: 5px;
  background: var(--primary_dark);
  color: white;
  height: 22px;
}
.enter_scroll {
  background: rgb(255, 230, 0);
  color: black;
  padding: 2px;
}
.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+ */
}
@-webkit-keyframes BLINK_C_PRIMARY {
  0%,
  49% {
    background-color: var(--primary);
    opacity: 0.75;
  }
  50%,
  100% {
    background-color: "";
  }
}
@keyframes BLINK_C_PRIMARY {
  0%,
  49% {
    background-color: var(--primary);
    opacity: 0.75;
  }
  50%,
  100% {
    background-color: "";
  }
}
.select2-results__option {
  color: var(--primary) !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  color: var(--primary_dark) !important;
}
#dati_sedi,
#dati_cont_interni {
  display: flex;
  flex-wrap: wrap;
}
.select2-selection__rendered {
  padding-left: 0 !important;
}
.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;
}
.title_v2 {
  line-height: 1rem !important;
  margin: 1rem 0 !important;
}
.d-flex {
  display: flex;
}
.list_circle {
  list-style-type: circle !important;
  margin-left: 2rem !important;
}
ul.list_circle > li {
  list-style-type: circle !important;
}
.fake_margin {
  height: 1rem;
}
#activity .dafare_timeline::before {
  color: var(--primary_dark);
}
#activity ul.dafare_timeline::before {
  background-color: var(--primary_dark);
}