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

.avatar-cm.circle {
    border-radius: 50%;
    line-height: var(--avatar-size);
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
}

span.avatar-cm {
    text-align: center;
}

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

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

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

.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;
    z-index: 10;
}

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

/**************** 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-custom,
.fa-cm-custom {
    margin: 0;
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: visible;
    position: relative;
}

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

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

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

.fa-custom.fa-fw,
.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: transparent url("./../img/icons/icon-cm.png") 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: transparent url("./../img/icons/icon-monday.png") top left no-repeat;
    background-size: cover;
}

.fa-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: transparent url("./../img/icons/icon-aui.png") 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: transparent url("./../img/icons/icon-ti.png") 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: transparent url("./../img/icons/icon-gi.png") 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: transparent url("./../img/icons/icon-gi-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: transparent url("./../img/icons/icon-tpa.png") top left no-repeat;
    background-size: cover;
}

.fa-startup:before {
    background: transparent url("./../img/icons/icon-startup-new.png") top left no-repeat;
    background-size: cover;
}
.fa-startup-small:before {
    background: transparent url("./../img/icons/icon-startup-small.png") top left no-repeat;
    background-size: cover;
}
.fa-custom.fa-startup.dark,
.fa-custom.fa-startup-small.dark {
    filter: saturate(0) brightness(70%);
}

.fa-pmi-innovativa:before {
    background: transparent url("./../img/icons/icon-pmi-new.png") top left no-repeat;
    background-size: cover;
}
.fa-pmi-innovativa-small:before {
    background: transparent url("./../img/icons/icon-pmi-small.png") top left no-repeat;
    background-size: cover;
}
.fa-custom.fa-pmi-innovativa.dark,
.fa-custom.fa-pmi-innovativa-small.dark {
    filter: saturate(0) brightness(70%);
}

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