/********* INIZIO NAVBAR **********/
.navbar.navbar-static-top .messages-menu > a {
  padding: 15px 8px; /*  5px; */
  font-size: 17px;
}

.navbar.navbar-static-top .avvisatore-prossimo-aggiornamento {
  visibility: hidden;
}

.main-header .navbar .nav > li > a > .label.indicatore-numero {
  position: absolute;
  top: 9px;
  right: 6px;
  text-align: center;
  font-size: 10px;
  padding: 2px 3px;
  line-height: .9;
}

.main-header .navbar .dropdown-menu li a.crea-nuova-discussione {
  color: inherit !important;
}

.main-header .navbar .dropdown-menu li a.crea-nuova-discussion:hover {
  background-color: #e1e3e9 !important;
}

.elemento-menu .indicatore-numero.label {
  padding: .2em .3em .3em;
}

.main-header .navbar .beta {
  font-size: 10px;
  /* background-color: yellow; */
  position: absolute;
  bottom: 28px;
  right: 27px;
  color: #932ab6;
}

/********* FINE NAVBAR **********/

/********* INIZIO COMUNICAZIONE AVANZATA **********/
.filtri-comunicazione {
  /*padding-bottom: 10px;
  border-bottom: 1px solid lightgray*/
  transition: all 1s ease;
}

.filtri-comunicazione i.fa {
  margin: 4px 12px;
}

.filtri-comunicazione .beta {
  font-size: 10px;
  /* background-color: yellow; */
  position: absolute;
  bottom: 28px;
  right: 43px;
  /* border: 1px solid lightgray; */
  color: #932ab6;
  font-weight: bold;
  font-family: Sans-Serif;
}

.nav-tabs-custom > .nav-tabs.filtri-comunicazione > li.selezionatore-categoria.active > a {
  color: #357ca5;
}

.nav-tabs-custom > .nav-tabs.filtri-comunicazione > li.selezionatore-categoria.active > a > i.fa-envelope-o:before {
  content: "\f0e0";
}

.nav-tabs-custom > .nav-tabs.filtri-comunicazione > li.selezionatore-categoria.active > a > i.fa-comments-o:before {
  content: "\f086";
}

.nav-tabs-custom > .nav-tabs.filtri-comunicazione > li.selezionatore-categoria.active > a > i.fa-bell-o:before {
  content: "\f0f3";
}

.discussioni-sunto .carica-precedenti {
  cursor: pointer;
}

.selezionatore-categoria .indicatore-numero {
  position: absolute;
  top: 7px;
  right: 10px;
  text-align: center;
  font-size: 11px;
  padding: 2px 3px;
  line-height: .9;
}

/********* FINE COMUNICAZIONE AVANZATA **********/

/********* INIZIO BARRA DISCUSSIONI SUNTO **********/
.barra-discussione-sunto {
  margin: 5px 0px;
}

.barra-discussione-sunto .crea-discussione {
  /*background-color: lightgray;
  border-radius: 8px;
  padding: 2px 4px;
  cursor: pointer;*/
}

.barra-discussione-sunto h4 {
  text-transform: uppercase;
  color: darkgrey;
  font-weight: bold;
  font-size: 16px;
  margin-top: 4px;
}

/********* FINE BARRA DISCUSSIONI SUNTO **********/

/********* INIZIO DISCUSSIONE SUNTO GENERICA **********/
.discussione-sunto {
  cursor: pointer;
}

.discussione-sunto:hover {
  background-color: #d9edf7;
}

.discussione-sunto.attivo {
  color: #fff;
  background-color: #357ca5;
}

.discussione-sunto.attivo * {
  color: #fff !important;
}

.discussione-sunto.da-leggere,
.discussione-sunto.da-leggere .fa {
  font-weight: bold;
}

.discussione-sunto {
  padding: 10px 2px;
  border-bottom: 1px solid lightgray
}

.discussione-sunto .titolo {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
}

.discussione-sunto .comunicazione {
  clear: both;
}

.discussione-sunto .comunicazione.non-da-leggere {
  font-weight: normal;
  color: #777;
}

.discussione-sunto .comunicazione.da-leggere {
  font-weight: bold;
  color: #333;

}

.discussione-sunto .comunicazione .comunicazione-data {
  font-size: 12px;

}

.discussione-sunto .comunicazione .comunicazione-utente {
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}

.discussione-sunto .comunicazione .comunicazione-testo {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.discussione-sunto .indicatore-numero.label {
  position: absolute;
  top: 0px;
  right: 4px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}

/********* FINE DISCUSSIONE SUNTO GENERICA **********/

/********* INIZIO DETTAGLIO DISCUSSIONE GENERICA **********/
.dettaglio-discussione .box-header {
  padding: 10px;
}

.dettaglio-discussione .box-header h3 {
  margin: 0px;
}

.dettaglio-discussione .mailbox-read-info {
  border-bottom: none !important;
}

.dettaglio-discussione span.utente {
  margin-right: 10px;
}

.dettaglio-discussione .collegamenti a {
  padding: 0px;
}

.dettaglio-discussione .area-comunicazioni {
  padding: 10px;
}

/********* FINE DETTAGLIO DISCUSSIONE GENERICA **********/

/********* INIZIO DETTAGLIO DISCUSSIONE MODAL **********/
.dettaglio-discussione-modal .box {
  margin-bottom: 0px;
}

/********* FINE DETTAGLIO DISCUSSIONE MODAL **********/


/* Scheda Comunicazioni */

.discussione-sunto .ellipsis-multiline {
  margin: 3px 6px;
}

.contenitore-discussioni-sunto .nav-tabs-custom {
  margin-bottom: 0;
}

.dettaglio-discussione .box-header .mailbox-controls .controls,
.dettaglio-discussione .box-header .mailbox-controls .controls .btn-group {
  display: flex;
}

.dettaglio-discussione .box-header .mailbox-controls .controls .btn-group {
  margin-left: 12px;
}

.dettaglio-discussione .box-header .mailbox-controls .controls .btn-group:first-child {
  margin-left: 0;
}

.dettaglio-discussione .box-header .mailbox-controls .controls .titolo-grande {
  margin-left: 10px;
  flex-grow: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dettaglio-discussione .dettagli-messaggio {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
}

.dettaglio-discussione .dettagli-messaggio .tab-content {
  flex-grow: 2;
}

.dettaglio-discussione .dettagli-messaggio .nav-stacked li {
  border-color: #EEEEEE;
}

.dettaglio-discussione .dettagli-messaggio .nav-stacked li:not(.active) {
  border-right: 1px solid #EEEEEE;
}

.dettaglio-discussione .dettagli-messaggio .nav-stacked li:not(.active) a {
  color: #888888;
}

.dettaglio-discussione .dettagli-messaggio .nav-stacked {
  padding-right: 10px;
  min-width: 110px;
}

.dettaglio-discussione .dettagli-messaggio .nav-stacked a {
  display: flex;
  justify-content: space-between;
}

.dettaglio-discussione.editor .dettagli-messaggio .nav-stacked {
  display: none;
}

.dettaglio-discussione.editor .mailbox-controls .controls {
  justify-content: space-between;
}

.dettaglio-discussione .dettagli-messaggio .collegamento-impresa {
  position: absolute;
  bottom: 10px;
  right: 0;
}

.dettaglio-discussione.direct-chat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dettaglio-discussione.direct-chat .box-body {
  overflow: hidden;
  height: 100%;
}

.dettaglio-discussione .direct-chat-messages,
.dettaglio-discussione-modal .modal-content {
  height: 100% !important;
}

.dettaglio-discussione[data-categoria="2"] .area-comunicazioni.direct-chat-messages,
.dettaglio-discussione-modal[data-categoria="2"] .area-comunicazioni.direct-chat-messages {
  background-color: #fff;
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.dettaglio-discussione .contenuto-comunicazione-immagine {
  display: block;
  max-width: 100%;
  height: auto;
}

#dettagli-messaggio-azienda dl,
#dettagli-messaggio-evento dl {
  display: inline-block;
  width: 49%;
}

#dettagli-messaggio-evento dl .avatar {
  width: 16px;
  height: 16px;
  border: 3px solid;
  border-radius: 50%;
  margin-right: 5px;
}

.selezionatore-categoria[data-categoria="4"] {
  float: right;
}

.form-cerca-discussione .checkbox label {
  padding-left: 0;
}

.form-cerca-discussione .checkbox label div[class^="icheckbox"] {
  margin-right: 10px;
  top: -2px;
}

@media only screen and (max-width: 992px) {
  .dettaglio-discussione .dettagli-messaggio .nav-stacked {
    text-align: center;
    min-width: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .dettaglio-discussione .dettagli-messaggio .nav-stacked {
    min-width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .dettaglio-discussione .titolo-grande {
    visibility: hidden;
  }
}

@media print {
  .dettaglio-discussione .dettagli-messaggio .collegamento-impresa {
    position: relative;
  }

  .controls .btn-group, .dettagli-messaggio .nav, .btn {
    display: none;
  }

  .dettagli-messaggio .tab-pane {
    display: block;
    margin-top: 20px;
  }

  .dettaglio-discussione:after {
    content: "Copyright © 2019 Telematica Italia S.r.l.. Tutti i diritti riservati.";
  }
}