/*** CSS Ajax Loading START ***/
.ajax-loading-content {
  position: relative;
  min-height: 70px;
  cursor: wait;
}

.ajax-loading-content:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background-color: #ffffff;
  opacity: 0.75;
}

.ajax-loading-content:after {
  content: "\f1ce"; /* fa-circle-notch */
  font-family: FontAwesome;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 48px;
  position: absolute;
  margin-top: -24px;
  margin-left: -24px;
  top: 50%;
  left: 50%;
  color: #575962;
  z-index: 1000000;
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
}

.ajax-loading-content.dark:before {
  background-color: #575962;
}

.ajax-loading-content.dark:after {
  color: #ffffff;
}

/*** CSS Ajax Loading END ***/

/*************************************************************************************/
body {
  --avatar-size: 2em;
}

.gray {
  color: #000000 !important;
  background-color: #d6d6d6 !important;
  border-color: #d6d6d6 !important;
}

.red {
  color: #FFFFFF !important;
  background-color: #dd4b39 !important;
  border-color: #dd4b39 !important;
}

.yellow {
  color: #FFFFFF !important;
  background-color: #f39c12 !important;
  border-color: #f39c12 !important;
}

.aqua {
  color: #FFFFFF !important;
  background-color: #00c0ef !important;
  border-color: #00c0ef !important;
}

.blue {
  color: #FFFFFF !important;
  background-color: #0073b7 !important;
  border-color: #0073b7 !important;
}

.light-blue {
  color: #FFFFFF !important;
  background-color: #3c8dbc !important;
  border-color: #3c8dbc !important;
}

.green {
  color: #FFFFFF !important;
  background-color: #00a65a !important;
  border-color: #00a65a !important;
}

.navy {
  color: #FFFFFF !important;
  background-color: #001f3f !important;
  border-color: #001f3f !important;
}

.teal {
  color: #000000 !important;
  background-color: #39cccc !important;
  border-color: #39cccc !important;
}

.olive {
  color: #FFFFFF !important;
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
}

.lime {
  color: #FFFFFF !important;
  background-color: #01ff70 !important;
  border-color: #01ff70 !important;
}

.orange {
  color: #FFFFFF !important;
  background-color: #ff851b !important;
  border-color: #ff851b !important;
}

.fuchsia {
  color: #FFFFFF !important;
  background-color: #f012be !important;
  border-color: #f012be !important;
}

.purple {
  color: #FFFFFF !important;
  background-color: #605ca8 !important;
  border-color: #605ca8 !important;
}

.maroon {
  color: #FFFFFF !important;
  background-color: #d81b60 !important;
  border-color: #d81b60 !important;
}

.black {
  color: #FFFFFF !important;
  background-color: #111111 !important;
  border-color: #111111 !important;
}

.ivory {
  color: #000000 !important;
  background-color: #fffff0 !important;
  border-color: #fffff0 !important;
}

.gray.colori-invertiti {
  background-color: #000000 !important;
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important;
}

.red.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #dd4b39 !important;
  border-color: #dd4b39 !important;
}

.yellow.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #f39c12 !important;
  border-color: #f39c12 !important;
}

.aqua.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #00c0ef !important;
  border-color: #00c0ef !important;
}

.blue.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #0073b7 !important;
  border-color: #0073b7 !important;
}

.light-blue.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #3c8dbc !important;
  border-color: #3c8dbc !important;
}

.green.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #00a65a !important;
  border-color: #00a65a !important;
}

.navy.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #001f3f !important;
  border-color: #001f3f !important;
}

.teal.colori-invertiti {
  background-color: #000000 !important;
  color: #39cccc !important;
  border-color: #39cccc !important;
}

.olive.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #3d9970 !important;
  border-color: #3d9970 !important;
}

.lime.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #01ff70 !important;
  border-color: #01ff70 !important;
}

.orange.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #ff851b !important;
  border-color: #ff851b !important;
}

.fuchsia.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #f012be !important;
  border-color: #f012be !important;
}

.purple.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #605ca8 !important;
  border-color: #605ca8 !important;
}

.maroon.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #d81b60 !important;
  border-color: #d81b60 !important;
}

.black.colori-invertiti {
  background-color: #FFFFFF !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

.ivory.colori-invertiti {
  background-color: #000000 !important;
  color: #fffff0 !important;
  border-color: #fffff0 !important;
}

.w-100 {
  width: 100%
}

.bg-none {
  background-color: transparent !important;
}

body > .dropdown-menu.dropdown-moved {
  display: block
}

/*.avatar-cm {
  position: relative;
  font: 18px/1.9 'Arial', sans-serif;
  font-weight: 700;
  width: 2em;
  height: 2em;
  text-align: center;
  color: white !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,.45);
}
.avatar-cm:after {
  content: '\f2b5';
  font-family: FontAwesome;
  font-size: 10px;
  display: inline-block;
  position: absolute;
  bottom: -0.4em;
  right: -0.4em;
  background-color: red;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  color: white !important;
}*/
/*
.avatar-cm {
  font-weight: 900;
  min-width: 2em;
  height: 2em;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0;
  padding: 0 0.2em;
  text-align: center;
  line-height: 1.8em;
  box-sizing: border-box;
  vertical-align: middle;
}

.avatar-cm.circle {
  box-shadow: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 1.7em;
}

img.avatar-cm {
  width: 2em;
  padding: 0;
}

.avatar-cm.bordato {
  box-shadow: none;
  border-style: solid;
  border-width: 0.2em;
}

.avatar-cm > .fa {
  font-size: 1.1em;
  line-height: 1.8em;
}
*/

.avatar-cm {
  display: inline-block;
  box-sizing: border-box;
  width: var(--avatar-size);
  height: var(--avatar-size);
}

.form-control .avatar-cm {
  margin-top: -4px;
}

/*************************************************************************************/

dl.dl-inline dt {
  float: left;
  margin-right: 5px;
}

/*dl.dl-inline dt, dl.dl-inline dd {
  display: inline-block;
}
dl.dl-inline dd:after {
  content: "\a";
  white-space: pre;
}*/

abbr[title] {
  text-decoration: none
}

[data-toggle="popover"] {
  cursor: pointer;
}

td.lg-cell {
  max-width: 300px;
}

td.md-cell {
  max-width: 200px;
}

td.sm-cell {
  max-width: 100px;
}

td.xs-cell {
  max-width: 50px;
}

.toggler, *[onclick] {
  cursor: pointer;
}

.box-addon {
  position: absolute;
  top: 3px;
  right: 3px;
  width: fit-content;
}

.box-addon.box-addon-inline {
  position: static;
  display: inline-block;
  top: 2px;
  margin: 0 10px;
}

ul.pagination.paginatore {
  margin: 0px;
}

div.rows-info {
  margin: 0px 20px;
  line-height: 34px;

}

div.single-detail {
  min-height: 25px;
}

.rubrica .widget-user-image img {
  width: 70px;
}

.absolutely-no-shadow {
  box-shadow: none;
}

.anteprima-csv td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.details-box .single-detail {
  word-wrap: break-word;
  max-height: 130px;
  overflow-y: auto;
}

.main-control span.input-group-addon, .sub-control span.input-group-addon {
  background-color: #f4f4f4;
}

.input-range {
  width: 100%;
}

.input-range > .datetimepicker {
  margin-top: 0;
}

.input-range .input-group-addon:not(:first-child) {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.log-import-contact td {
  max-width: 100%;
  word-wrap: break-word;
  max-height: 130px;
  overflow-y: auto;
}

.label-margined {
  margin-right: 2px;
}

.interesting {
  display: block;
}

.interesting.inline {
  display: inline-block;
}

.not-interesting {
  display: none;
}

option.interesting-Safari {
  opacity: 100;
  height: inherit;
  width: inherit;
  overflow: initial;
}

option.not-interesting-Safari {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.sidebar-collapse .user-panel img.img-circle,
.sidebar-collapse .user-panel span.avatar {
  transform: scale(0.75) translate(-12px, 0);
}

/*option.interesting{
    display: block !important;
}

option.not-interesting{
    display: none !important;
}*/

.divider-vertical {
  display: inline-block;
  margin: 5px 15px;
  height: 100%;
  width: 1px;
  background-color: #999;
}

.text-semibold {
  font-weight: 500;
}

.ellipsis-multiline {
  display: -webkit-box;
  max-width: 400px;
  max-height: calc(3 * 1.25em);
  line-height: 1.25em;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-multiline.rows-2 {
  max-height: calc(2 * 1.25em);
  -webkit-line-clamp: 2;
}

.ellipsis-multiline.rows-5 {
  max-height: calc(5 * 1.25em);
  -webkit-line-clamp: 5;
}

.ellipsis-multiline.rows-10 {
  max-height: calc(10 * 1.25em);
  -webkit-line-clamp: 10;
}

.ellipsis-multiline-pro {
  position: relative;
  display: block;
  display: -webkit-box;
  min-width: 100px;
  line-height: 1.25em;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 5px;
}

.ellipsis-multiline-pro > .overflow {
  max-height: calc(3 * 1.25em);
  display: block;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-multiline-pro.rows-2 > .overflow {
  max-height: calc(2 * 1.25em);
  -webkit-line-clamp: 2;
}

.ellipsis-multiline-pro.rows-5 > .overflow {
  max-height: calc(5 * 1.25em);
  -webkit-line-clamp: 5;
}

.ellipsis-multiline-pro.rows-10 > .overflow {
  max-height: calc(10 * 1.25em);
  -webkit-line-clamp: 10;
}

.ellipsis-multiline-pro > input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  display: block;
  position: absolute;
  top: calc(3 * 1.25em - 100% + 2 * 1.25em);
  width: 100%;
  text-align: center;
  box-shadow: 0 -3px 15px rgb(255 255 255);
  color: #00a157;
  white-space: nowrap;
}

.ellipsis-multiline-pro > input[type="checkbox"]:after {
  content: 'Mostra tutto \025BE';
  padding: 1px 4px;
  cursor: pointer;
}

.ellipsis-multiline-pro.rows-2 > input[type="checkbox"] {
  top: calc(2 * 1.25em - 100% + 1 * 1.25em);
}

.ellipsis-multiline-pro.rows-5 > input[type="checkbox"] {
  top: calc(calc(5 * 1.25em - 100% + 4 * 1.25em) + 4px);
}

.ellipsis-multiline-pro.rows-10 > input[type="checkbox"] {
  top: calc(10 * 1.25em - 100% + 9 * 1.25em);
}

.ellipsis-multiline-pro > input[type="checkbox"]:checked + .overflow {
  max-height: 100%;
  padding-bottom: 20px;
  overflow: auto;
}

.ellipsis-multiline-pro > input[type="checkbox"]:checked {
  bottom: 8px;
  top: auto;
  box-shadow: none;
}

.ellipsis-multiline-pro > input[type="checkbox"]:checked:after {
  content: 'Riduci \025B4';
  color: #5e5e5e;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-user-2.widget-scheda .widget-user-header {
  padding: 10px;
}

.widget-user-2.widget-scheda .widget-user-username,
.widget-user-2.widget-scheda .widget-user-desc {
  margin-left: 0;
}

.widget .datepicker-inline {
  width: 100%;
}

.widget .datepicker-inline .table-condensed {
  width: 400px;
  max-width: 75%;
  margin: 0 auto 15px;
}

.cursor-pointer {
  cursor: pointer;
}

.i-frame-lg {
  width: 100%;
  min-height: 750px;
  border: none;
}

.select2-list, .select2[multiple] {
  display: none !important;
}

.select2-container {
  width: 100% !important;
}

.select2-search--inline .select2-search__field {
  border: none !important;
}

.input-group .select2-hidden-accessible {
  position: absolute !important;
}

.input-group .select2-container.select2-container--default {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}

.input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}

.input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child {
  margin-left: 8px;
}

.input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child {
  margin-left: 8px;
}

.select2-selection--multiple .select2-editable-selection .popover-toggle-editor {
  margin-right: -10px;
  float: right;
  border: none;
}

.select2-container--default .select2-editable-selection > span.popover-toggle {
  display: block;
}

.select2-container--default .select2-editable-selection > span.popover-toggle:hover {
  text-decoration: underline;
  cursor: pointer;
}

.select2-editable-selection .select2-editable-selection-label {
  font-weight: 700;
}

.select2-selection--multiple .select2-selection__choice {
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popover ~ .select2-container .select2-dropdown {
  z-index: 9001;
}

.generico .input-group-addon {
  border-left: 4px solid #cccccc;
}

.verificato .input-group-addon {
  border-left: 4px solid #3c8dbc;
}

.preferito .input-group-addon {
  border-left: 4px solid #008d4c;
}

.deprecato .input-group-addon {
  border-left: 4px solid #f39c12;
}

.nascosto .input-group-addon {
  border-left: 4px solid #1b1b1b;
}

.m-20, .margin-20 {
  margin: 20px !important;
}

.mt-20, .margin-t-20 {
  margin-top: 20px !important;
}

.mr-20, .margin-r-20 {
  margin-right: 20px !important;
}

.mb-20, .margin-b-20 {
  margin-bottom: 20px !important;
}

.ml-20, margin-l-20 {
  margin-left: 20px !important;
}

.m-5, .margin-5 {
  margin: 5px !important;
}

.mt-5, .margin-t-5 {
  margin-top: 5px !important;
}

.mr-5, .margin-r-5 {
  margin-right: 5px !important
}

.mb-5, .margin-b-5 {
  margin-bottom: 5px !important;
}

.ml-5, .margin-l-5 {
  margin-left: 5px !important;
}

.m-075, .margin-075 {
  margin: 0.75em !important;
}

.mt-075, .margin-t-075 {
  margin-top: 0.75em !important;
}

.mr-075, .margin-r-075 {
  margin-right: 0.75em !important;
}

.mb-075, .margin-b-075 {
  margin-bottom: 0.75em !important;
}

.ml-075, .margin-l-075 {
  margin-left: 0.75em !important;
}

.m-0, .margin-0 {
  margin: 0 !important;
}

.mt-0, .margin-t-0 {
  margin-top: 0 !important;
}

.mr-0, .margin-r-0 {
  margin-right: 0 !important;
}

.mb-0, .margin-b-0 {
  margin-bottom: 0 !important;
}

.ml-0, .margin-l-0 {
  margin-left: 0 !important;
}

.p-20, .padding-20 {
  padding: 20px !important;
}

.pt-20, .padding-t-20 {
  padding-top: 20px !important;
}

.pr-20, .padding-r-20 {
  padding-right: 20px !important;
}

.pb-20, .padding-b-20 {
  padding-bottom: 20px !important;
}

.pl-20, .padding-l-20 {
  padding-left: 20px !important;
}

.p-5, .padding-5 {
  padding: 5px !important;
}

.pt-5, .padding-t-5 {
  padding-top: 5px !important;
}

.pr-5, .padding-r-5 {
  padding-right: 5px !important;
}

.pb-5, .padding-b-5 {
  padding-bottom: 5px !important;
}

.pl-5, .padding-l-5 {
  padding-left: 5px !important;
}

.p-075, .padding-075 {
  padding: 0.75em !important;
}

.pt-075, .padding-t-075 {
  padding-top: 0.75em !important;
}

.pr-075, .padding-r-075 {
  padding-right: 0.75em !important;
}

.pb-075, .padding-b-075 {
  padding-bottom: 0.75em !important;
}

.pl-075, .padding-l-075 {
  padding-left: 0.75em !important;
}

.p-0, .padding-0 {
  padding: 0 !important;
}

.pt-0, .padding-t-0 {
  padding-top: 0 !important;
}

.pr-0, .padding-r-0 {
  padding-right: 0 !important;
}

.pb-0, .padding-b-0 {
  padding-bottom: 0 !important;
}

.pl-0, .padding-l-0 {
  padding-left: 0 !important;
}

/*.bottone-multifunzione{
    min-height: 140px !important;
}*/

/***  INIZIO BUTTON AUTOLABLE SINGLE/MULTIPLE ******/
.btn-autolabel .dropdown-menu,
.btn-autolabel-multiple .dropdown-menu,
.btn-autolabel-multiple-smart .dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

.btn-autolabel-multiple .dropdown-menu li {
  padding: 1px 3px;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-autolabel-multiple .dropdown-menu li a {
  display: inline;
  padding: 0px;
}

.btn-autolabel-multiple .dropdown-menu li a .utente-disattivato {
  text-decoration: line-through;
}

/***  FINE BUTTON AUTOLABLE SINGLE/MULTIPLE ******/

/***  INIZIO BUTTON AUTOLABLE MODAL MULTIPLE ******/

.btn-autolabel-multiple-modal .modal-body {
  max-height: 150px;
  overflow-y: auto;
}

.btn-autolabel-multiple-modal .modal-body .scelta {
  border: 1px solid gray;
  background-color: #eee;
  margin: 3px 3px;
  padding: 4px;
  font-weight: bold;
  height: 45px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.btn-autolabel-multiple-modal .modal-body .scelta.colonne-2 {
  width: 48%;
}

.btn-autolabel-multiple-modal .modal-body .scelta.colonne-3 {
  width: 30%;
}

.btn-autolabel-multiple-modal .modal-body .scelta.selezionato {
  background-color: green;
  color: white
}

.btn-autolabel-multiple-modal button .selezionati.bg0 {
  background-color: gray;
}

.btn-autolabel-multiple-modal button .selezionati.bg1 {
  background-color: green;
}


.btn-autolabel-multiple-modal .modal-body .scelta input[type=checkbox] {
  display: none;
}

/***  FINE BUTTON AUTOLABLE MODAL MULTIPLE ******/


/***  INIZIO MODAL SINGLE ******/

.btn-autolabel-modal .modal-body {
  max-height: 150px;
  overflow-y: auto;
}

.btn-autolabel-modal .modal-body .scelta {
  border: 1px solid gray;
  background-color: #eee;
  margin: 3px 3px;
  padding: 4px;
  font-weight: bold;
  height: 40px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.btn-autolabel-modal .modal-body .scelta.colonne-2 {
  width: 48%;
}

.btn-autolabel-modal .modal-body .scelta.colonne-3 {
  width: 30%;
}

.btn-autolabel-modal .modal-body .scelta.selezionato {
  background-color: green;
  color: white
}

.btn-autolabel-modal button .selezionati {
  color: black;
  font-size: 14px;
}


.btn-autolabel-modal .modal-body .scelta input[type=radio] {
  display: none;
}

/***  FINE MODAL SINGLE ******/

.visible-on-over {
  display: inline-block;
}

.visible-on-over .visible-on-over-element {
  visibility: hidden;
}

.visible-on-over:hover .visible-on-over-element {
  visibility: visible;
}

.todo-list .mine {
  border-left: 2px solid #00a65a;
}

.todo-list span.more-evidence {
  font-size: 11px;
}

.riferimenti .tab-content {
  min-height: 150px;
}

/*@media (max-width: 767px) {
    .table-responsive{
        padding-bottom: 90px;
    }
}*/

.dbl-click-copy {
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

table.table[data-entita] th,
table.table[data-entita] td {
  max-width: 225px;
}

table.table[data-entita] th.text-center,
table.table[data-entita] td.text-center {
  vertical-align: middle;
}

table.th-1-line thead th {
  white-space: nowrap;
}

table .cella.Completamento, table .cella.Stato {
  text-align: center;
}

/*table.table .cella.Tag,
table.table .cella.Tags {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  gap: 7px;
}*/

/*table.table .cella.Tag .tag,
table.table .cella.Tags .tag {
  display: inline-block;
  padding: 3px 7px;
  margin: 2px 4px;
  font-size: 14px;
  line-height: 1;
  border-radius: 10px;
  font-weight: 600;
  color: #444;
  background-color: #d2d6de;
  white-space: nowrap;
  vertical-align: middle;
}*/

.monday-tag.ellipsis {
  display: inline-block;
  max-width: 125px;
}

.monday-tag.sharp:before,
.monday-tag.sharp:before {
  content: '#';
  font-weight: 900;
  margin-right: 1px;
}

table .lista-riga td.Azioni .context-menu .btn-group {
  justify-content: center;
}

.label.label-white-space-normal {
  white-space: normal;
}

.labels-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 7px;
  margin: 10px 2px;
  font-size: 1.2em;
}

.aggiusta-form-dinamico .form-group {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.aggiusta-form-dinamico .form-group label {
  overflow: hidden;
}

.aggiusta-form-dinamico {
  display: inline-table;
  width: 100%;
}

.box {
  box-shadow: none;
}

body.iframe>.box {
  border-top-color: #00a65a;
}

body.iframe>.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 0px solid #d2d6de;
  margin-bottom: 0px;
  width: 100%;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}

body.iframe>.box>.box-header {
  display: none;
}

body.iframe button[name="back_to"] {
  display: none;
}

body.iframe .not-visible-in-iframe {
  display: none;
}

.evidenziato {
  background-color: yellow;
}

.dataTables_paginate ul.pagination {
  max-width: 100%;
  overflow: auto;
}

.daterangepicker.no-position-absolute {
  position: static !important;
}

.elementi-non-svincolati li.elemento {
  border: 1px solid gray;
  margin: 10px 0px;
  padding: 10px;
}

.nav-tabs-custom.restricted > .nav-tabs > li:first-of-type {
  margin-left: 0;
}

.nav-tabs-custom.restricted .nav > li > a {
  padding: 10px 8px;
}

.iframe .popover {
  max-width: 100%;
  width: 55%;
}

.popover-title, body.iframe .popover-title {
  margin: 0;
}

.popover-content {
  padding: 10px;
}

.popover-content .nav-tabs-custom {
  margin-bottom: 0;
  box-shadow: none;
}

.popover-content .nav-tabs-custom .tab-content {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 5px;
}

.panel-heading.restricted {
  padding: 5px 5px;
}

.panel-heading.restricted .panel-title {
  font-size: 14px;
}

.panel-body.restricted {
  padding: 5px;
}

.blocco-filtro-calendario input[type="time"] {
  line-height: 21px;
}

.blocco-filtro-calendario input[type="number"] {
  line-height: 21px;
  width: 70px;
}

.keep-alive {
  color: gray;
  font-size: 10px;
}

.showListStaticLista .Azioni {
  min-width: 76px;
}

.nav.nav-tabs li a {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.automatic-action-box {
  display: inline-block;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.automatic-action-box .icheckbox_minimal-blue {
  background-color: white;
}

.icheckbox_minimal-blue.indeterminate:before {
  width: 0.75em !important;
  left: 20% !important;
}

/** USATO NEI PULSANTI FILTRA AZIONI DEL CALENDARIO **/
.btn-group label.btn {
  opacity: 0.3;
}

.btn-group label.btn.active {
  opacity: 1;
}

/*****************************************************/

.mittente-destinatario {
  font-size: 12px;
}

.todo-list a {
  /*font-size: 14px;*/
}

select.disabled-emphasized option:disabled {
  color: lightgrey;
}

.img-bordered-sm {
  padding: 0px;
}

/********** INIZIO DESCRIZIONE SINTETICA *************************/
ul.listaEventi {
  list-style-position: inside;
  list-style-type: none;
}

ul.listaEventi li {
  margin-top: 2px;
  margin-bottom: 2px;
}

span.descrizioneSintetica span {
  /*    border: 1px solid #dddddd;
      border-radius: 3px;*/
  margin: 2px 0px 2px 4px;
  /*    display: inline-block;
      float: left;*/
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  /*    word-break: break-all;
      word-wrap: break-word;*/
  line-height: 24px;
}

span.descrizioneSintetica span:first-child {
  margin-left: 0px;
}

span.descrizioneSintetica b {
  background-color: #dddddd;
  padding: 0px 2px;
}

.callout span.descrizioneSintetica b {
  background-color: transparent;
  padding: 0px 2px;
}

span.descrizioneSintetica span.tipo {
  width: 22px;
}

/*span.descrizioneSintetica span.data{
    width: 130px;
}*/

span.descrizioneSintetica span.utente {
  width: 65px;
}

/********** FINE DESCRIZIONE SINTETICA *************************/

/********** INIZIO CONTEXT MENU ************************************/

.context-menu li.header {
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.context-menu li.header.title {
  background-color: lightgray;
  color: white;
}

.context-menu.solido button {
  vertical-align: text-bottom;
}

.context-menu.button {
  vertical-align: auto;
}

.dropdown-menu li.disabled, .dropdown-menu li.disabled a {
  color: #bbb !important;
}

.context-menu.solido .dropdown-menu {
  position: static;
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.context-menu.solido .dropdown-submenu {
  position: static;
}

.context-menu.solido .dropdown-menu > li > a {
  white-space: normal;
}

.context-menu.solido .dropdown-backdrop {
  display: none;
}

.context-menu li, .context-menu a {
  cursor: pointer;
}

/********** FINE CONTEXT MENU ************************************/

/********** INIZIO LIST ITEM ************************************/

.evento-sunto .evento-sunto-storico {
  border-left: 1px solid #bbbbe8;
  margin-left: 10px;
  text-indent: -6px;
  padding-left: 12px;
}

.evento-sunto .evento-sunto-storico .descrizioneSintetica {
  text-indent: 0px;
}

/********** FINE LIST ITEM ************************************/

.dettaglio-evento .form-group, .dettaglio-evento h3 {
  clear: both;
  margin-bottom: 0px;
}

table.table.sottolista .Azioni, table.table.sottolista .Stato {
  width: 90px;
}


/**************** INIZIO GENERAL MODAL ************************/
#general-modal-lg .modal-dialog .modal-body,
#general-modal .modal-dialog .modal-body,
#general-modal-sm .modal-dialog .modal-body {
  padding-top: 4px;
  padding-bottom: 3px;
}

#general-modal .modal-body {
  padding: 0 !important;
}

#general-modal .modal-body > * {
  /*padding: 5px 5px 0;*/
}

body.iframe {
  padding: 5px 10px;
}

body.iframe h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .modal-xl {
    width: 95%;
  }
}

.modal-wz{
  margin: 2px 0 2px 0;
  height: calc(100vh - 4px);
  position: absolute;
  right: 0px;
  width: 95%;
  transition: left 1s ease-in-out;
}

.modal-wz .modal-content
{
  height: calc(100vh - 4px);
}

.modal-wz .modal-content .modal-body{
  max-height: inherit!important;
  overflow: unset!important;
}

.modal-wz .modal-content .modal-body .iframe-container,
.modal-wz .modal-content .modal-body,
.modal-wz .modal-content .modal-body .iframe-container iframe{
  height: calc(98vh - 60px);
}





/**************** FINE GENERAL MODAL ************************/


/************* INIZIO SHOW LIST ***************************/

.dblclick-mostra-dettagli .lista-riga {
  cursor: pointer;
}

/************* INIZIO SHOW LIST ***************************/


/************ ATTIVITA EVENTO GIORNALIERO *****************/
.form-evento.mostra .eventi-giornalieri-utente,
.form-evento.completa .eventi-giornalieri-utente {
  display: none;
}

.eventi-giornalieri-utente {
  /*position: absolute;
  bottom: 0px;*/
  background-color: #FFFA;
  border: 2px solid lightgray;
  width: 98%;
}

.eventi-giornalieri-utente #evt--1 {
  margin-top: 20px;
}

/*********************************************************/

/************ LOG *****************/
div.log-evento-comparazione tr.differenza {
  font-weight: bold;
  background-color: yellow;
}

span.descrizione-log-evento .titolo {
  font-weight: bold;
}

/*********************************************************/

/************ LOG *****************/
iframe.i-frame-auto-height {

}

iframe.i-frame-servizio-azione {
  width: 100%;
  border: none;
  min-height: 700px;
}

/*********************************************************/

.fa-flash, .fa-flashing {
  -webkit-animation: fa-flashing 1s infinite ease;
  animation: fa-flashing 1s infinite ease;
}

@-webkit-keyframes fa-flashing {
  0% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
}

@keyframes fa-flashing {
  0% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
}

/* Custom Icons */
.fa-cm-custom {
  margin: 0;
  width: 1em;
  height: 1em;
  display: inline-block;
  overflow: visible;
  position: relative;
}

.fa-cm-custom.light {
  filter: saturate(0) brightness(300%);
}

.fa-cm-custom.dark {
  filter: saturate(0) brightness(95%);
}

.fa-cm-custom:before {
  content: ' ';
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  position: absolute;
  top: 2px;
  left: 0;
}

.fa-cm-custom.fa-fw {
  width: 1.16em !important;
}

.fa-contact-manager:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/CM") top left no-repeat;
  background-size: cover;
}

.fa-monday:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/MONDAY") top left no-repeat;
  background-size: cover;
}

.fa-cm-custom.fa-monday.dark {
  filter: saturate(0) brightness(70%);
}

.fa-aui:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/AUI") top left no-repeat;
  background-size: cover;
}

.fa-telematica:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/TI") top left no-repeat;
  background-size: cover;
}

.fa-gestint:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/GI") top left no-repeat;
  background-size: cover;
}

.fa-gestint-small:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/applications/be/assets/img/icons/gestint-small.png") top left no-repeat;
  background-size: cover;
}

.fa-tpa:before {
  background: transparent url("https://contactmanager.telematicaitalia.it/File/Avatar/TPA") top left no-repeat;
  background-size: cover;
}

/* Titolo Flex per Modal */
.flex-title {
  display: flex;
  align-items: center;
}

.flex-title > * {
  text-align: center;
  flex: 2 1 auto;
  margin-left: -1.5em;
}

.flex-title > *:first-child {
  text-align: left;
  flex: 1 1 auto;
  margin-left: 0;
}

.flex-title > i:first-child {
  flex: 0 1 1.5em;
  font-size: 1.5em;
}

/****** Proprietà Filtrabili START ******/
.btn-filter.inactive {
  color: #cccccc !important;
}

.btn-filter.active {
  color: #00a65a !important;
}

.btn-filterable-property-modal.inactive > .btn {
  color: #999999 !important;
}

.btn-filterable-property-modal.active > .btn.btn-default {
  color: #ffffff !important;
  background-color: #00a65a !important;
  border-color: #008d4c !important;
}

/****** Proprietà Filtrabili END ******/

/****** Monday START ******/
.tabella-riassuntiva-monday {
  min-height: calc(100vh - 330px);
}

.tabella-riassuntiva-monday .table {
  margin-bottom: 50px;
}

.tabella-riassuntiva-monday .table > thead > tr > th.head {
  padding-top: 35px;
}

.tabella-riassuntiva-monday .table > thead:first-child > tr > th.head {
  padding-top: 10px;
}

.tabella-riassuntiva-monday th {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 75px;
  max-width: 225px;
  overflow: hidden;
  font-weight: 400;
  text-align: center;
}

.tabella-riassuntiva-monday .table > tbody > tr > td {
  background-color: #f5f6f8;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.tabella-riassuntiva-monday td:hover {
  background-color: #c4c4c4;
}

.tabella-riassuntiva-monday .table.table-bordered tr > th,
.tabella-riassuntiva-monday .table.table-bordered tr > td {
  border-color: #ffffff !important;
  border-width: 2px;
  min-height: 50px;
}

.tabella-riassuntiva-monday .table.table-bordered tr > td {
  box-shadow: inset 0 -1px 0 #ddd;
}

.tabella-riassuntiva-monday .table.table-bordered tr > th:first-child,
.tabella-riassuntiva-monday .table.table-bordered tr > td:first-child {
  font-size: 1.15em;
  font-weight: 600;
  text-align: left;
}

.tabella-riassuntiva-monday .table .monday-name-border {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.tabella-riassuntiva-monday .table .cell-1 {
  width: 275px;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name {
  display: flex;
  align-content: center;
  justify-content: stretch;
  width: 275px;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span {
  flex: 0 2 auto;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span.monday-n-updates {
  position: relative;
  font-size: 22px;
  color: #0b7bb8;
  margin: 0 6px 0 10px;
  cursor: pointer;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span.monday-n-updates:after {
  content: attr(data-count);
  display: inline-block;
  color: #ffffff;
  background-color: #0b7bb8;
  border-radius: 6px;
  font-size: 10px;
  padding: 2px 4px 1px;
  position: absolute;
  bottom: -2px;
  right: -3px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span.fa[data-count="0"] {
  color: #999999;
  cursor: default;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span.fa[data-count="0"]:after {
  background-color: #999999;
}

.tabella-riassuntiva-monday .table .cell-1 .monday-item-name span.monday-name-value {
  flex: 1 1 auto;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabella-riassuntiva-monday .table > tbody > tr > td, .tabella-riassuntiva-monday .table > tbody > tr > th,
.tabella-riassuntiva-monday .table > tfoot > tr > td, .tabella-riassuntiva-monday .table > tfoot > tr > th,
.tabella-riassuntiva-monday .table > thead > tr > td, .tabella-riassuntiva-monday .table > thead > tr > th {
  padding: 2px 4px;
}

.label-value-avatar, .label-value-multiple-avatar {
  position: relative;
}

.table .label-value-avatar, .table .label-value-multiple-avatar > * {
  margin: 0 -5px;
}

.table .label-value-avatar > img, .table .label-value-multiple-avatar > img,
.table .label-value-avatar > * img, .table .label-value-multiple-avatar > * img {
  width: 32px;
  height: 32px;
  background: #fff;
}

.hover-zoom {
  transition: transform .35s ease-in;
}

.hover-zoom:hover {
  transition-timing-function: ease-out;
  transform: scale(1.5);
}

.table .monday-value-tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.table .monday-value-person, .table .monday-tag-plain {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.table .monday-tag-more {
  margin-left: 8px;
  float: right;
}

.monday-tag {
  white-space: nowrap;
  color: #0b7bb8;
  margin-right: 8px;
}

.table .monday-tag {
  margin-right: 0;
}

.check-si, .check-no {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -125%;
}

.check-si:before, .check-no:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
  position: absolute;
  left: 50%;
  margin: 0 auto;
  margin-left: -12px;
  width: 24px;
  display: block;
  transform: scale(1.5);
  text-indent: 0;
}

.check-si:before {
  content: "\f14a"; /* fa-check-square */
  color: #00a65a;
}

.check-no:before {
  content: "\f096"; /* fa-square-o */
}

.table .monday-status-color {
  width: 100%;
}

.monday-value-color .monday-status-color-background {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.monday-value-color .monday-status-color-label {
  position: relative;
  z-index: 2;
}

.table .monday-location, .table .monday-value-lookup, .table .monday-value-rating {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 175px;
  overflow: hidden;
}

.monday-value-lookup {
  max-width: 125px;
}

.monday-rating-stars {
  color: #C4C4C4;
}

.monday-rating-stars .active {
  color: rgb(253, 171, 61);
}

tbody.monday-board-group {
  border-left: 12px solid transparent;
  border-left-color: attr(data-color, #eee);
}

dl.monday-details dt, dl.monday-details dd {
  line-height: 1.8em;
}

dl .monday-value-color {
  position: relative;
  padding: 2px 4px;
}

dl .monday-value-color .monday-status-color-background {
  border-radius: 6px;
}

.bg-monday-status-0 {
  background-color: #fdab3d !important;
  color: #ffffff !important;
}

.bg-monday-status-1 {
  background-color: #00c875 !important;
  color: #ffffff !important;
}

.bg-monday-status-2 {
  background-color: #e2445c !important;
  color: #ffffff !important;
}

.bg-monday-status-3 {
  background-color: #0086c0 !important;
  color: #ffffff !important;
}

.bg-monday-status-4 {
  background-color: #a25ddc !important;
  color: #ffffff !important;
}

.bg-monday-status-5 {
  background-color: #c4c4c4 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-6 {
  background-color: #037f4c !important;
  color: #ffffff !important;
}

.bg-monday-status-7 {
  background-color: #579bfc !important;
  color: #ffffff !important;
}

.bg-monday-status-8 {
  background-color: #cab641 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-9 {
  background-color: #ffcb00 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-10 {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.bg-monday-status-11 {
  background-color: #bb3354 !important;
  color: #ffffff !important;
}

.bg-monday-status-12 {
  background-color: #ff158a !important;
  color: #ffffff !important;
}

.bg-monday-status-13 {
  background-color: #ff5ac4 !important;
  color: #ffffff !important;
}

.bg-monday-status-14 {
  background-color: #784bd1 !important;
  color: #ffffff !important;
}

.bg-monday-status-15 {
  background-color: #9cd326 !important;
  color: #ffffff !important;
}

.bg-monday-status-16 {
  background-color: #66ccff !important;
  color: #ffffff !important;
}

.bg-monday-status-17 {
  background-color: #808080 !important;
  color: #ffffff !important;
}

.bg-monday-status-18 {
  background-color: #7f5347 !important;
  color: #ffffff !important;
}

.bg-monday-status-19 {
  background-color: #ff642e !important;
  color: #ffffff !important;
}

.bg-monday-status-101 {
  background-color: #ff7575 !important;
  color: #ffffff !important;
}

.bg-monday-status-102 {
  background-color: #faa1f1 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-103 {
  background-color: #ffadad !important;
  color: #2d2d2d !important;
}

.bg-monday-status-104 {
  background-color: #7e3b8a !important;
  color: #ffffff !important;
}

.bg-monday-status-105 {
  background-color: #9aadbd !important;
  color: #2d2d2d !important;
}

.bg-monday-status-106 {
  background-color: #68a1bd !important;
  color: #2d2d2d !important;
}

.bg-monday-status-107 {
  background-color: #225091 !important;
  color: #ffffff !important;
}

.bg-monday-status-108 {
  background-color: #4eccc6 !important;
  color: #ffffff !important;
}

.bg-monday-status-109 {
  background-color: #5559df !important;
  color: #ffffff !important;
}

.bg-monday-status-110 {
  background-color: #401694 !important;
  color: #ffffff !important;
}

.bg-monday-status-151 {
  background-color: #563E3E !important;
  color: #ffffff !important;
}

.bg-monday-status-152 {
  background-color: #BDA8F9 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-153 {
  background-color: #2B76E5 !important;
  color: #ffffff !important;
}

.bg-monday-status-154 {
  background-color: #A9BEE8 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-155 {
  background-color: #D974B0 !important;
  color: #ffffff !important;
}

.bg-monday-status-156 {
  background-color: #9D99B9 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-157 {
  background-color: #AD967A !important;
  color: #2d2d2d !important;
}

.bg-monday-status-158 {
  background-color: #A1E3F6 !important;
  color: #2d2d2d !important;
}

.bg-monday-status-159 {
  background-color: #BD816E !important;
  color: #ffffff !important;
}

.bg-monday-status-160 {
  background-color: #175A63 !important;
  color: #ffffff !important;
}

.monday-table-wrapper fieldset {
  position: relative;
}

.monday-item-dettaglio {
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 15px;
  right: 0;
  width: 0;
  z-index: 10;
  transition: width .85s;
}

.monday-item-dettaglio.opened {
  width: 400px;
}

.monday-item-dettaglio.opened + .tabella-riassuntiva-monday:after {
  content: '';
  background-color: rgba(255, 255, 255, .50);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.monday-item-dettaglio .inserisci-update {
  display: none;
  margin: 2px 5px;
}

.monday-item-dettaglio .item-updates-title {
  width: 100%;
  height: 90px;
  min-width: 400px;
  margin-top: 0;
  padding: 0 10px;
  text-align: center;
  display: none;
}

.monday-item-dettaglio .item-updates-title span {
  margin: 2px auto 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monday-item-dettaglio .item-updates {
  width: 100%;
  min-width: 400px;
  height: calc(100% - 90px);
  margin-top: 5px;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}

.monday-item-dettaglio.opened .item-updates,
.monday-item-dettaglio.opened .item-updates-title,
.monday-item-dettaglio.opened .inserisci-update {
  display: block;
}

.monday-item-dettaglio .monday-item-dettaglio-toggle {
  border-radius: 20px;
  position: absolute;
  top: -6px;
  left: -40px;
  padding: 4px 16px;
}

.monday-item-dettaglio.opened .monday-item-dettaglio-toggle .fa-chevron-circle-left:before {
  content: "\f138";
}

.item-updates .item-update {
  position: relative;
  vertical-align: top;
  margin-bottom: 15px;
  padding: 10px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 8px;
}

.item-updates ul[data-checklist-holder] {
  list-style: none;
  line-height: 26px;
}

.item-updates ul[data-checklist-holder] li:before {
  content: '\f1db';
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
  position: relative;
  top: 4px;
  margin-right: 6px;
}

.item-updates ul[data-checklist-holder] li[data-checked="true"] {
  color: #cccccc;
  text-decoration: line-through;
}

.item-updates ul[data-checklist-holder] li[data-checked="true"]:before {
  content: '\f058';
  color: #00ca6d;
  text-decoration: none !important;
}

.item-updates .item-update .item-update-body {
  overflow-x: auto;
}

.item-updates .item-update:first-child {
  margin-top: 0;
}

.item-updates .item-update .item-update-header {
  margin-bottom: 10px;
}

.item-updates .item-update-replies {
  margin-top: 10px;
}

.item-updates .item-update-reply-wrapper {
  display: flex;
  margin-bottom: 15px;
}

.item-updates .item-update-reply-wrapper .item-reply-user-avatar {
  margin-right: 10px;
  flex: 0 0 32px;
}

.item-updates .item-update-reply-body {
  position: relative;
  background: #f5f6f8;
  border-radius: 16px;
  padding: 10px 16px;
  flex: 1 1 calc(100% - 42px);
  word-break: break-word;
}

.item-updates .item-update-reply-body a[data-asset_id] {
  display: block;
}

@media only screen and (max-width: 768px) {
  .monday-item-dettaglio.opened {
    width: calc(100vw - 85px);
  }

  .monday-item-dettaglio.opened .item-updates-title,
  .monday-item-dettaglio.opened .inserisci-update {
    width: calc(100vw - 85px);
  }

  .monday-item-dettaglio.opened .item-updates {
    width: calc(100vw - 85px);
  }
}

/****** Monday END ******/

/*.promise-container {
  display: flex;
  justify-content: center;
}

.campi-promise .not-exists {
  opacity: .50;
}
.campi-promise .table > tbody > tr > td {
  vertical-align: middle;
  border-top: 2px solid #ffffff;
}*/



.avatar-wrapper-multiple {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-wrapper-multiple > * {
  margin: 0 -4px;
}

.callout.empty,
.alert.empty {
  border-width: 1px 1px 1px 5px;
  color: #000 !important;
  background-color: #FFF !important;
  border-style: solid;
}

.form-control.form-control-labelled {
  border: none;
  border-radius: 4px;
}

.form-control.form-control-labelled-transparent {
  border: none;
  background-color: inherit;
}

.procedimento-azioni {
  border-top: 1px solid lightgrey;
  padding: 10px;
  margin-top: 20px;
}


.visualizzatore-testo-aggiornamento p,
.visualizzatore-testo-aggiornamento div,
.visualizzatore-testo-aggiornamento span,
.visualizzatore-testo-aggiornamento ol,
.visualizzatore-testo-aggiornamento ul,
.visualizzatore-testo-aggiornamento h1,
.visualizzatore-testo-aggiornamento h2,
.visualizzatore-testo-aggiornamento h3,
.visualizzatore-testo-aggiornamento h4,
.visualizzatore-testo-aggiornamento h5,
.visualizzatore-testo-aggiornamento h6,
.visualizzatore-testo-aggiornamento li {
  font-size: 1em !important;
}

.visualizzatore-testo-aggiornamento {
  font-size: 12px;
}

.espandi-collassa-elemento-precedente-con-altezza {
  border-top: 1px solid lightgrey;
  margin: 22px 0px 10px;
  display: none;
}

.espandi-collassa-elemento-precedente-con-altezza .less,
.espandi-collassa-elemento-precedente-con-altezza .more {
  font-size: 12px;
  position: relative;
  top: -12px;
  border-left: 10px solid white;
  border-right: 10px solid white;
}



/* INIZIO SELECT2 UTENTI COLORATI */
.select2-selection__choice:has(span):has(.spento)  {
  color: #FFF !important;
  background-color: #000 !important;
}

.opzione-utente{
  padding: 1px;
  display: inline-block;
  width: 95%;
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  border-radius: 4px;
  color: white;
}
.opzione-utente.spento{
  background-color: black;
}

.select2-utenti-disabilitati-grigi +  .select2-container .select2-selection__choice{
  text-overflow: unset !important;
}
/* FINE SELECT2 UTENTI COLORATI */

/* INIZIO LI UTENTI SELEZIONABILI */
.users-list li.li-utente-selezionabile {
  width: 20%;
  background-color: aliceblue;
  margin: 5px;
  cursor: pointer;
}

li.li-utente-selezionabile:hover {
  border: 1px dotted var(--bs-primary);
}

li.li-utente-selezionabile.selezionato {
  background-color: var(--bs-primary);
}


/* FINE LI UTENTI SELEZIONABILI */