﻿
#msgTopbarWrapper {position:absolute;top:0;left:0;display:block;height:74px;width:100%;
    box-shadow: 0px 2px 4px -2px rgba(50, 50, 50, 0.5);
}

#msgContentWrapper {position:absolute;width:100%;top:78px;bottom:0px;display:block;}

.fullPageBody .centerToolbarWF,  
.page_asp_messaggi-main_asp .centerToolbarWF {
    width:100%!important;
}

.fullPageBody .divCorpoPagina,
.page_asp_messaggi-main_asp .divCorpoPagina {
    padding: 0;
    width: 100% !important;
    height: 100%;
    margin: 0;
}
.divAttesaRisposta {
    background-color: #ededed;
    color: #092b51;
    border: 1px solid #97acc4;
    font-size: .9em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.inNewWindow {font-size: 1.1em;}

.vsplitbar {
    width: 4px;
    background: red;    
}
.hsplitbar {   
    height: 4px;    
}

.jspContainer .jspArrowUp,
.jspContainer .jspArrowDown {
    background-size: 10px;
}


.jspContainer .jspTrack {
    border: 0;
}


.jspContainer .jspVerticalBar {
    opacity: 0;
    width: 8px;
}

.jspContainer:hover .jspVerticalBar {
    opacity: .8;
}

.jspVerticalBar:hover {
    opacity: .8;
}

/*  ********************** GESTION MESSAGGI *********************************************** */

.strisciaFineTopBarMessaggi 
{
    display:            none;
    width:              100%;
    height:             4px;
    border-top:      1px solid #d2d2d2;
    overflow:hidden;
}

.mainDivOpzioniRicerca .riga 
{
    border:0;
    display:inline-block;
    /*
    display:block;
    float:left;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    padding-top:3px;
    padding-bottom:0;
    */
}

.mainDivOpzioniRicerca .riga1 {padding-top:7px;padding-bottom:2px;}
.mainDivOpzioniRicerca .riga2, .mainDivOpzioniRicerca .riga3 {display:inline-block;padding-top:2px;}
.mainDivOpzioniRicerca .lblTitolo
{
    position:relative;    
    font-weight:bold;
}
.spanInizioRiga2, .spanInizioRiga3 
{
    display:inline-block;
    width:95px;
}
.spanInizioRiga3 
{
    display:none;    
}
.mainDivOpzioniRicerca .lblTitolo .buttonText 
{
    font-size:1.2em;
    font-weight:bold;
    padding-top:2px;
    padding-left:26px;
    padding-right:6px;
}

.mainDivOpzioniRicerca .lblTitoloEmail {background:url('titoloEmail.png') left top no-repeat;padding-left:30px;height:27px;}
.mainDivOpzioniRicerca .lblTitoloFax {background:url('fax-icon.png') left top no-repeat;padding-left:30px;height:27px;margin-left:3px}
.mainDivOpzioniRicerca .lbl, .mainDivOpzioniRicerca .txt {display:inline-block;}
.mainDivOpzioniRicerca .lbl {font-weight:bold;padding-right:3px;padding-top:4px;padding-left:3px;}
.mainDivOpzioniRicerca .txtCercaOpzioni1, .mainDivOpzioniRicerca .txtCercaOpzioni2 {margin-right:4px;}
.mainDivOpzioniRicerca .txtDataSelect {width:80px;}
.mainDivOpzioniRicerca .divPulsantiCerca {display:inline-block;/*float:left;*/}
.divPulsanteCercaEmail, .divPulsanteCercaFax {display:inline-block;/*float:left;*/margin-right:5px;}

.mainDivOpzioniRicerca .lblCercaTutto {margin-left:-2px}

/* .lblCercaMittente {width:50px;} */
.lblCercaDal, .lblCercaAl {margin-left:8px;margin-right:8px;}
.lblCercaOpzioni {display:none!important;}

@media screen and (min-width: 800px) {
    .divPulsantiCerca,
    .lblRighePerPagina,
    .lblBackupSet {
        margin-left: 10px;
    }
        
}


.contMessaggioEmail {
    width:auto;
    height:100%;
    /*position:absolute;*/
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.flowMessaggio {
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    height: 100%;
    flex-grow: 1;
    padding-left: 8px;
    padding-right: 5px;
    background-color: #f3f3f3;
    overflow: auto;
    box-sizing: border-box;
}
#btnFlowMessaggio {
    color: #333;
}
.flowMessaggio.defaultHidden {
    display: none;
}

.flowMessaggio .titolo, 
.flowMessaggio .loader {
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #a0a0a0;
}
.flowMessaggio .loader {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .3);    
    border-top: 0;
}
.flowMessaggio .titolo {
    border-bottom: 0;
}
.flowMessaggio .loader .divCheckbox,
.flowMessaggio .loader .divLegami {
    display: none;
}
.flowMessaggio .msgRow .divOggetto,
.flowMessaggio .msgRow .divMittente {
    padding-left: 5px;
    margin-left: 5px;
}
.flowMessaggio .msgRow .innerRow2 {
    flex-direction: column;
}

.fullScreenEmail .aniDialog-content {
    padding: 0;
}

#divPulsanteMostraCartelle {display: none;}
.tbAzioniGruppo1,.tbAzioniGruppo2, .tbAzioniGruppo3 {/*float:left;*/display:inline-block;margin-right:15px;}
.tbAzioniGruppo1 .button, .tbAzioniGruppo2 .button {border:0;background-color:transparent;}

.tbAzioniGruppo2 .buttonText {font-size:1.2em;padding-top:2px;} 

.tbAzioniGruppo1 .button:hover, .tbAzioniGruppo2 .button:hover {background-color:#E6E6E6;}
.tbAzioniGruppo2 .button {margin-left:20px}
.mainDivOpzioniRicerca .divCheckbox 
{
    /*float:left;*/
    display:inline-block;
    
}
.mainDivOpzioniRicerca .divCheckbox input {margin-left:24px;}
.mainDivOpzioniRicerca .pulsCercaDiTutti {background:url('group.png') left center no-repeat;padding:0;}
.mainDivOpzioniRicerca .divCkCercaContenuto {background:url('text_align_justify.png') left center no-repeat;padding:0;}
.mainDivOpzioniRicerca .pulsCercaNonLetti {background:url('eye.png') left 5px no-repeat;padding:0;margin-left:10px;}
.mainDivOpzioniRicerca .divCkMittDest {background:url('user.png') left center no-repeat;}
.mainDivOpzioniRicerca .divCkOggetto {background:url('text_signature.png') left center no-repeat;}
.mainDivOpzioniRicerca .divCkCancellatiStorico {background:url('cross_shield.png') left center no-repeat;}
.mainDivOpzioniRicerca .divCkIncludiIncompleti {background:url('cerotto.png') left center no-repeat;}
.mainDivOpzioniRicerca .pulsAzioneMessaggio
{
    display:inline-block;
    margin-left:6px;
    height:20px;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/    
}
.mainDivOpzioniRicerca .pulsAzioneMessaggio a 
{
    display:block;
    width:100%;
    height:100%;
    padding:4px; 
    padding-left:22px;
    padding-right:5px;
    font-size:.9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mainDivOpzioniRicerca .pulsCancellaMessaggi {background:url('cross.png') 2px center no-repeat;}
.mainDivOpzioniRicerca .pulsSegnaLetti {background:url('eye.png') left 5px no-repeat;margin-left:0;}
.mainDivOpzioniRicerca .pulsSegnaNonLetti {background:url('eyeTrasp.png') left 5px no-repeat;}
.mainDivOpzioniRicerca .pulsSvuotaCartella {background:url('cross.png') 2px center no-repeat;width:128px;}
.mainDivOpzioniRicerca .pulsSvuotaCartella a {width:100px;float:left;padding-left:20px;}
.mainDivOpzioniRicerca .pulsSvuotaCartella input {float:right;margin-right:4px;}

.mainDivOpzioniRicerca .pulsCartelleAggiorna {background:url('nuovotab.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleOrdinaPerCartella {background:url('font_go.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleOrdinaPerNonLetti {background:url('mailUp.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleOrdinaPerCreazione {background:url('database.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleSalvaLayout {background:url('gear--arrow.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleSelezionaTutti {background:url('checkmark.png') center center no-repeat;}
.mainDivOpzioniRicerca .pulsCartelleOpzioniAvanzate {background:url('ui_saccordion.png') center center no-repeat;}


.mainDivOpzioniRicerca .pulsLayoutVerticale {background:url('layoutV.png') center no-repeat;padding:0;width:20px;border:0;margin:0;margin-left:10px;}
.mainDivOpzioniRicerca .pulsLayoutOrizzontale {background:url('layoutH.png') center no-repeat;padding:0;width:20px;border:0;margin:0}
#pnlMsgLayout {position: relative;}

.toolbarAzioniMessaggi
{   
    margin-top:2px;
    padding-top:2px;
    padding-bottom:2px;
    /* background:url(bgBarraSbianca100.png) repeat-x;
    border-top:1px solid #EBEBEB; */
 }


/* ************* nuova gestione righe Messaggi ************************************************* */
.dettMessaggioEmail, .dettMessaggioFax
{
    position: relative;
    font-size: 13px;
    background-color:#ffffff;
    background-image:url(bgBarraSbianca100.png);
    background-repeat: repeat-x;
    border-bottom:1px solid #999999;
    -webkit-box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, .2);
    box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, .2); 
    z-index:100;   
    padding-bottom: 10px;
}


.ui-layout-pane-west-open-hover {
    box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, .3); 
}



.dettMessaggioFax {height:60px;}

.iframeMessaggio
{
    /* position:absolute; */
    width:100%;
    height:100%; /* ... adesso con gestione flex --- 400px;  /*  era 100% il 21/10/2021 -- impostato per correggere altezza iframe via JS e mostrare toolbarAllegati */
    border:0;
    padding:0;
    margin:0;   
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/           
}

#divContIframeMessaggio 
{
    display: flex;
    flex: 3;
    width:100%;    
    padding:0;
    overflow:auto;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/           
}

.iframeMessaggioFax {padding-top:65px;padding-left:5px;}


.dettMessaggioEmail .divRiga
{
    display: block;
    /* white-space: nowrap;  rimosso 08/05/2024 .. verificare*/
    overflow: hidden;
    padding-right: 100px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 20px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    text-overflow: ellipsis;
}


.dettMessaggioEmail .divMittente {padding-right: 250px!important;margin-top:2px;}
.dettMessaggioEmail .divOggetto {padding-right: 10px!important;height: auto;margin-top: 5px;white-space: unset;}
.dettMessaggioEmail .divRiga span {padding:0!important;}

.destinatariBCC {color:Red;}
.dettMessaggio {z-index:300;}
.dettMessaggio .divRiga {padding:8px;color:#000000;padding-bottom:3px;}
.dettMessaggio .divAvanzate {position:absolute;right:50px;top:1px;padding:2px;}
.dettMessaggio .divClosePreview {float: right;font-size: 1.5em;margin-right: 3px;}
.dettMessaggio #divPulsFullScreen {color:#2175cc;}
/* .dettMessaggio .divSticky {position:absolute;right:26px;top:1px;width:16px;height:16px;padding:0;} */

.divAllegato .icon-bd {
    opacity: .3;
}
.divAllegato .icon-bd:hover {
    opacity: 1;
}

.divSticky {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: 2px;
}

.divMittente .priorita, 
.divMittente .prioritanormale {
    display: none !important;
}

.dettMessaggio .divPulsantiMessaggio {
    padding: 3px;
    padding-left: 5px;
    position: relative;
    background-color: #ffffff;
    margin-bottom: 4px;
    box-sizing: border-box;        
}
.dettMessaggio .divPulsMessaggio
{
    padding:2px;
    padding-left:18px;
    display:inline-block;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/               
    vertical-align: top;
}
.dettMessaggio .faPulsMessaggio {
    margin-top: 2px;
    margin-left: 6px;
    cursor: pointer;
    font-size: 1.4em;
}
.dettMessaggio .faPulsDettagli {
    margin-left: 0;
    color: #5f6178
}

.dettMessaggio .faPulsDettagli:hover {
    margin-left: 0;
    color: #123f94
}

.dettMessaggio .divPulsRispondi {background:url('mail-forward.png') left center no-repeat;float: right;margin-right:12px;}
.dettMessaggio .divPulsInoltra, .dettMessaggio .divPulsModifica {background:url('mail-forward-all.png') left center no-repeat;float: right;margin-right:12px;}
.dettMessaggio .divPulsAzioni {
    float: right;
    margin-right: 10px;
    font-size: 1.2em;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -2px;
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 1em;
    background-color: #ffffff;
    border: 0;
}
.dettMessaggio .divPulsAzioni span {
    font-size: .9em;
    vertical-align: text-top;
}
/* .dettMessaggio .divPulsStampa {background:url('printer.png') left center no-repeat;float: right;margin-right:12px;} */
.dettMessaggio .divPulsStampa {float: right;margin-right:10px;font-size: 1.4em;color:#003f7a;padding-left: 0;cursor:pointer}

.dettMessaggio .stickyState {background:url('unpin.png') top left no-repeat;width:100%;height:100%;display:block;float: right;}
.dettMessaggio .stickyStatesticky {background:url('pin.png') top left no-repeat;width:100%;height:100%;display:block;float: right}
.dettMessaggio .minicolors-swatch {width: 12px;height: 12px;}
.dettMessaggio .minicolors-panel {top:15px;}
.dettMessaggio .divPulsPrioritaria,
.dettMessaggio .divPulsAddAgenda, 
.dettMessaggio .pulsMini {
    padding: 1px;
    margin-left: 2px;
    margin-right: 6px;
    background: url(star-on.png) left center no-repeat;
    min-width: 21px;
    min-height: 21px;
    background-size: contain;
    font-size: 2px;
    cursor: pointer;
}

.dettMessaggio .divPulsPrioritariaOff,
.dettMessaggio .divPulsPrioritaria0 {
    background: url(star-off.png) left center no-repeat;    
    background-size: contain;    
}

.dettMessaggio .divPulsAddAgenda {
    background: url(calendar.png) left center no-repeat;     
}

.dettMessaggio .divPulsFullScreen {
    background: url(fullscreen16.png) left center no-repeat;
}
.pulsCercaDiTutti {
    position: relative;
}

.btnSwitchUser {
    z-index: 10;
    display: block;
    width:20px;
    height: 16px;
    position: absolute;
    top: 0; 
    left: 0;
}

#pnlMessageRight {
    display: flex;    
}

#pnlMessageRight-resizer {
    background-color: #f2f2f2;
    border-left: 1px solid #c2c2c2;
}

.dettMessaggio .divPulsColors {padding:3px;margin-left: 2px;margin-right: 2px;}
.dettMessaggio .divPulsRispondi {margin-left: 10px;}

.dettMessaggio .divPulsantiGrandi {display:block;position:absolute;right:2px;top:32px;} 
.dettMessaggio .divNumAllegati, .dettMessaggio .divMessaggioPrecedente, .dettMessaggio .divMessaggioSuccessivo,.dettMessaggio .divPraticaIndividuata, .dettMessaggio .divCancellaMessaggio,.dettMessaggio .buttonCancellaMessaggio {display:inline-block;min-width:36px;min-height:36px;background:url('mail_attachment32.png') center center no-repeat;z-index:500;cursor:pointer;}
.dettMessaggio .divMessaggioPrecedente {background:url('PulsMsgUp25.png') center center no-repeat;width:28px;}
.dettMessaggio .divMessaggioSuccessivo {background:url('PulsMsgDown25.png') center center no-repeat;width:28px;}
.dettMessaggio .divPulsantiGrandi .button {
    border: 1px solid #e2e2e2!important;
    font-size: 1em;
}
.dettMessaggio .divPulsantiGrandi .button:hover {background-color: #fff;}
.dettMessaggio .buttonCancellaMessaggio {
    margin-right: 10px;    
    background-position: 6px center;
    border: 0;    
    padding-right: 10px!important;
    
}
.dettMessaggio .buttonText {padding:0;margin: 0;padding-left:26px;padding-top:7px;}

.dettMessaggio #txtRicercaPratica {
    font-size: 12px;
    border-radius: 5px;
    line-height: 10px;
    padding-left: 5px;
    height: 23px;
    width: 75px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    vertical-align: top;
    min-height: 19px;
    margin-top: -2px;
}
.dettMessaggio .buttonCancellaMessaggio:hover  {background-image:url('cross.png')!important;}

.divPraticaIndividuata {background-position: 6px center!important;width: 80px;}
.divPraticaIndividuata .buttonText {font-weight:bold;}

.dettMessaggio .divMessaggioPrecedente:hover {background:url('PulsMsgUp.png') center center no-repeat;width:28px;}
.dettMessaggio .divMessaggioSuccessivo:hover {background:url('PulsMsgDown.png') center center no-repeat;width:28px;}


.dettMessaggio #divInfoMessaggioAvanzate {display:none;}
.dettMessaggio .lbl {font-weight:bold;}
.dettMessaggio .lblMittente, .dettMessaggio .lblDestinatari, .dettMessaggio .lblOggetto {display:inline-block; width:62px;font-size: 12px;}
.dettMessaggioFax .lblMittente, .dettMessaggioFax .lblDestinatari {width:auto;display:inline;float:none;}
.dettMessaggioFax .lblDestinatari {margin-left:25px;}
.dettMessaggioFax .valMittente, .dettMessaggioFax .valDestinatari {min-width:30px;float:none;margin-top:4px;padding-left:4px;}

.dettMessaggio .txtEditOggetto {font-size:.9em;width:300px;}
.dettMessaggio .totAllegati0 {display:none;}

.msgRow .divTags .tagElement {
    padding-top: 1px;
    padding-bottom: 2px;
    color: #003f7a;
    background-color: #ecf2f7;
    font-size: 10px;
    border: 0;
}

.msgRow .divTags .tagElement .removeButton {display: none;}

/*  ************ menu azioni messaggio *******************************/

.bloccoElencoMessaggi, 
#mainDivCartelle
{
    font-size:12px;
    font-family: 'Segoe UI',Helvetica,sans-serif;    
}

.popupInserisciMailNellaPratica {
    position: absolute;
    top: 30%;
    left: 50%;
    border: 1px solid #999;
    background-color: #ffffff;
    padding: 25px;
    font-size: 1.2em;
    width: 450px;
    margin-left: -230px;
    box-sizing: border-box;
    box-shadow: 0px 2px 20px 0px rgb(70 70 70);
    z-index: 900;
}


.bloccoElencoMessaggi
{
    padding:0px;
    margin:0;
    width:100%;     /*********** Non mettere assolutamente in questo div float:left o altro in quanto manda in tilt Explorer 9 *************** */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.sticky
{
  
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgba(255, 245, 176, 0.8) 80%,rgba(253, 247, 228, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 245, 176, 0.8) 80%,rgba(253, 247, 228, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 245, 176, 0.8) 80%,rgba(253, 247, 228, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 245, 176, 0.8) 80%,rgba(253, 247, 228, 1) 100%);
    background: linear-gradient(top, rgba(255, 245, 176, 0.8) 80%,rgba(253, 247, 228, 1) 100%);
    border-bottom: 1px solid #E5DC98!important
 
}


.msgRow {position:relative;
         min-height:40px;
         color:#111b25;
         border-bottom:1px solid #d2d2d2;    
         padding-top: 6px;
         padding-bottom: 8px;
}
.msgRow .clickRow {position:absolute;z-index:200;top:1px;left:-2px;right:0;bottom:0;margin-left:28px;                   
         /*background-image:url('frecciaMsgNera.png'); */
         background-position: 0px center;
         background-repeat:no-repeat;         
}
.msgRow .divMittente {position:relative;top:0;left:0;margin-right:90px;margin-left:36px;padding-top:2px;padding-bottom:2px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.msgRow .divData {position:absolute;right:5px;;top:0;font-size:.8em;padding-top:2px;padding-bottom:2px;text-align:right;}
.msgRow .divOggetto {
    padding-left:40px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:2px;
    flex: 3;
    color: #004577;
}

.msgRow .lenOggetto0 {font-style:italic; font-size: .8em;color:#999999}
.msgRow .lenOggetto0:after {content:"il messaggio non ha oggetto"}
.msgRow .divTags {min-height:2px;padding-top:0px;padding-bottom:2px;font-size:smaller;}
.msgCurrent {background-color:#3B73C1!important;color:#FFFFFF!important;background-image: none;}
.msgCurrent .divOggetto, .msgCurrent .divPreviewContent {color:#ffffff!important;}
.msgRow .divCheckbox 
{
    position:absolute;
    top:-20px;
    left:3px;
    bottom: -4px;
    width:24px;
    height:auto;
    z-index:500;    
    cursor:pointer;    
}
.msgRow .divCheckbox span
{
    width:14px;
    height:14px;
    display:block;
    background:url('checkboxUnchecked.png') center center no-repeat;
    margin-left:5px;
    margin-top:12px;   
}
.msgRow .ckChecked  span {background:url('checkboxChecked.png') center center no-repeat;}

.msgRow .colorRow {position:absolute;top:0;left:0;width:6px;height:100%;}

.msgRow:hover {background-color:#F1F5F8;}
/*.msgRowTipoR .clickRow {background-image:url('frecciaMsgVerde.png');}
.msgRowTipoI .clickRow {background-image:url('frecciaMsgBlu.png');}*/
.msgRowTipoI, .msgRowTipoI .divOggetto {color:Blue;}
.msgRow .innerRow2 {
    position:relative;
    display: flex;
    flex-direction: row;    
}

.msgRow .innerRow3 
{
    text-align:right;
    padding:0;
    padding-right:5px;
    margin-left:25px;    
    height:16px;
    border:1px solid green;
}
.msgRowStatusU {font-size: 1.1em;}
.msgRowStatusU .divMittente {font-weight:bold;}
.msgRowStatusU .divOggetto {font-weight:600;}
.msgRowStatusD .clickRow {background-image:url('frecciaMsgRossa.png')!important;color:Red;}                             /* cancellato */
.msgRowStatusD, .msgRowStatusD .divOggetto,
.msgRowStatusZ, .msgRowStatusZ .divOggetto,
.msgRowStatusZZ, .msgRowStatusZZ .divOggetto {color:Red;}                             /* cancellato */
.msgRowAppenaLetta {font-style:italic;}
.msgRowSelected {background-color:#F0F0F0;}

/*
.msgRow .risposto1, .msgRow .risposto2 {display:block;float:left;width:13px;height:11px;background:url('reply.png') bottom left no-repeat;margin-right:3px;}
.msgRow .risposto2 {background:url('forward.png') bottom left no-repeat;}
*/
.msgRow .risposto0 {display: none!important;}
.msgRow .risposto1 {color: green;}
.msgRow .risposto2 {color: rgb(0, 66, 153);}

.msgRow .stampato1, .msgRow .flagOK1, .msgRow .pec1 {display:block;float:left;width:14px;height:12px;background:url('printerMini.gif') bottom left no-repeat;margin-right:3px;}
.msgRow .stampato,  .msgRow .flagOK0, .msgRow .pecOK0 {display:none;}
.msgRow .flagOK1 {background:url('visto.png') bottom left no-repeat;width:15px;height:15px;}
.msgRow .pec1 {background:url('pec.gif') bottom left no-repeat;width:20px;height:12px;}

.msgRow .prioritaria {
    display: block;
    float: left;
    width: 13px;
    height: 11px;
    background: url('star-on.png') bottom left no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.msgRow .prioritaria0 {
    display: none;
}

.msgRow .esito_OK {display:inline-block;width:6px;height:6px;background-color:Green;margin-right:5px;margin-top:5px;}
.msgRow .esito_PND {display:inline-block;width:6px;height:6px;background-color:Orange;margin-right:5px;margin-top:5px;}
.msgRow .esito_ERR {display:inline-block;width:6px;height:6px;background-color:Red;margin-right:5px;margin-top:5px;}
.msgRow .esito_PRZ {display:inline-block;width:4px;height:6px;background-color:Red;margin-right:5px;margin-top:5px;border-left:5px solid #20ce00;}
/* *** tags nelle righe messaggio **** */


.divTagMessaggio {
    /* position:absolute;
    right:2px;
    top:0px; */
    display:block; 
    padding-right:12px;    
    z-index:500;
    font-size:.9em;             
    text-align: right;
}



.divElencoLettoDa, .divElencoSmistatoA, .divElencoSmistatoDa, .divPraticaRiferimento {display:inline-block;vertical-align: top;}
/* .divElencoLettoDa {background:url('eye10.png') left center no-repeat} */
.divElencoSmistatoA {background:url('group10.png') left center no-repeat;padding-left:15px;float: right;}
.divElencoSmistatoDa {background:url('xfn-friend-met.png') left center no-repeat;padding-left:20px;float: right;}
.divPraticaRiferimento:before {content:"Pr. ";}
.divPraticaRiferimento {
    color:Red;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 3px;
    z-index: 333;
    border: 1px solid #828282;
}
.divPraticaRiferimento a{
    color:Red;
    font-weight: bold;
}

.lettoDaUtenteCorrente {		
    width: 6px;
    height: 6px;
    background-image: none !important;
    min-width: 2px;
    min-height: 2px;
    padding: 0;
    margin-top: 6px;
    font-size: 1px;
    color: #9d9d9d !important;
    background-color: #9d9d9d !important;
    opacity: 1;
}



.divRifPraticaStatus1 {
    color:#000000;
    background-color: rgb(255, 217, 0);;
}
.divRifPraticaStatus1 a {
    color:#000000;    
}

.divRifPraticaStatus2 {
    color:#ffffff;
    background-color:red
}
.divRifPraticaStatus2 a {
    color:#ffffff;    
}
.divRifPraticaStatus3 {
    color:#ffffff;
    background-color: rgb(0, 116, 10);;
}
.divRifPraticaStatus3 a {
    color:#ffffff;    
}
.divRifPraticaStatus4 {
    color:#ffffff;
    background-color: rgb(168, 223, 255);;
}
.divRifPraticaStatus4 a {
    color:#000000;    
}
.divRifPraticaStatus5 {
    color:#ffffff;
    background-color: rgb(0, 65, 38);;
}
.divRifPraticaStatus5 a {
    color:#ffffff;    
}


.divPraticaRiferimento0 {display: none;}

.divLettoDa, .divSmistatoA, .divSmistatoDa {
    background-color: #e2e2e2;
    color: #02101d;    
}

.divLettoDa:hover, .divSmistatoA:hover {
    opacity: 1;
}

.divContieneAllegati {
    float: right;
    font-size: 1.2em;
    margin: 4px;
    color: #054593
}
.divContieneAllegati span {display:none;}

.divContieneAllegatifax {width:38px;}
.divContieneAllegatifax span:before {content:"Pg: "}


.divLegami {
    padding: 2px;
    margin-right: 1px;
    opacity: .5;
    margin-top: 2px;
}
.divLegami:hover {
    opacity: 1;
}
.msgRowfax .divTagMessaggio {padding-right:45px;}

.paginaRisultati 
{
    padding-top:2px;
    padding-bottom:2px;
    position:relative;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/           
    height:20px;
    font-size:.9em;    
}
.inizioPaginaRisultati 
{
    -webkit-box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);
    -moz-box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);
    box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);    
    background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 1) 0%,rgba(240,240,240,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255, 255, 255, 1) 0%,rgba(240,240,240,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%,rgba(240,240,240,1) 98%); /* W3C */
    font-size:1em;
    font-weight:bold;    
}
.finePaginaRisultati {color: red;}

#inizioPagina1
{
    -webkit-box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);
    -moz-box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);
    box-shadow: 0px -5px 8px -4px rgba(9, 9, 9, .2);    
    background: none;   
    font-weight:normal;
}

.paginaRisultati .titoloCorrente {float:left;}
.paginaRisultati .linkPagine {float:right;}
.inizioPaginaRisultati .inizioTitolo {background:url('scrollbarArrowDown.png') left bottom no-repeat; width:20px;height:14px;float:left;}
.finePaginaRisultati .inizioTitolo {background:url('scrollbarArrowUp.png') left top no-repeat; width:20px;height:14px;float:left;}

.linkPagina {padding:4px;}


/******************      STILI CARTELLE **************************/

#mainDivCartelle 
{
    float:left;
    width:100%;
    position:relative;
    font-size:1.2em;    
}

.pulsantiCartelle
{ 
  background:url(gradSbiancante.png) repeat-x;
  background-color:#eef2f6; 
  }
.ContenitoreCartelle
{    
    position:relative;
    z-index:965000;
}

.linkOrdinamentoCartelle
{margin-left:2px;margin-right:6px;}

.Cartella 
{
    border:0;
    position:relative;
    /* border-bottom:1px dotted #d2d2d2; */
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    width:100%;    
    cursor: pointer;
}
.Cartella:hover {background-color:#FCFCFC;}
.CartellaAttiva {
    font-weight: bold;
    background-color: #e8f5ff;
    border: 1px solid #d2e1f1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.CartellaAttiva:hover {
    font-weight: bold;
    background-color: #d3ecff;
}

.coloreCartella 
{
    font-size:.8em;
    min-height:14px;
    min-width:14px;
    text-align:right;
    padding:2px;
    margin-right:4px;
    width: 18%;    
    font-weight: bold;
}

.Cartella.defaultHidden {
    display: none!important;
}
.linkCartella {
    display:flex;
    position:relative;
    padding-left:20px;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:10px;    
}
/*
.Cartella .clickRow 
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:900;
    display:block;
    background:url('../quad.gif') no-repeat; 
    cursor:pointer;
}
*/

/*
.noColoreCartella {border:1px solid #EAEAEA;
                  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
                  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
                  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
*/

.testoCartella {
    padding-right:0px;
    width: 80%;
    font-size: .9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.C___artellaAttiva .linkCartella 
{
    background-image:url(scrollbarArrowRight.png);
    background-position:center left ;
    background-repeat:no-repeat;
    padding-left:15px;
}
 
 
 .str__isciaColore {
    position:absolute;
    top:-1px;
    left:0;
    bottom:0;
    width:3px;
    display:block;
    border:0;    
}

.stri___sciaNoColore {position:absolute;top:0;left:0;bottom:0;width:8px;display:block;visibility:hidden;}

.linkCartella {
    padding-left: 5px;
}
#mainDivCartelle {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.CartellaAttiva {
    border-radius: 6px;
}
.iconCartella {
    margin-right: 10px;
    color: #7c8895;
    font-size: 1.25em;    
}


.menuAzioniMessaggio .splashMenu {
    font-size: .9em;
 }

.menuAzioniMessaggio .menuList li a {
    padding-left: 28px;
 }

 .tabInserisciAllegato, .tabInserisciAllegato td  {
    background-color:#f1f5f8;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
}


.pulsanteInviaEmail {margin-top:6px;}
.pulsanteInviaEmail .buttonText {padding-left: 32px;padding-right: 10px}
.unaMailPerDestinatario, .unaMailPerDestinatario:hover {background-color: rgb(255, 162, 0);}
.visAltriDest_1, .listChecked {font-weight: bold!important;background: url('visto.png') 10px center no-repeat!important;}
.menuAzioniEmail {max-height: 600px;width:350px;}
.rigaDestinatariA {position: relative;padding-right: 30px;}
.buttonMostraAltriDestinatari {font-weight: bold;}

.tabNuovaEmail .txtNomeMittente, .tabNuovaEmail .txtEmailMittente {background-color: transparent;border: 0;width:160px;}
.tabNuovaEmail .riga .val {display: inline-block!important;}
.tabNuovaEmail .riga .lbl {width: 100%;font-size: 1em;padding: 0;padding-bottom: 2px;display: block;}
.tabNuovaEmail .rigaDestinatari .val {width: 100%;display: block;}
.tabNuovaEmail .rigaOggetto .val, .tabNuovaEmail .txtOggettoEmail{width: 100%;min-width: 260px;max-width: 900px;}
.tabNuovaEmail .rigaOggetto .lbl {display: none;}
.tabNuovaEmail .txtOggettoEmail, .tabNuovaEmail .txtCercaDestinatario{padding: 5px;}
.tabNuovaEmail .spacerListe{padding-left: 20px;}
.tabNuovaEmail #elencoDestinatari {width: 100%;padding-top:5px;box-sizing: border-box;}
.tabNuovaEmail .lblDestinatari{display: none;}

.tabNuovaEmail .rigaDestinatari {padding-top: 0;padding-bottom: 0;}
.tabNuovaEmail .rigaDestinatari .lblDest {display: inline-block;width: auto;width: 30px;font-weight: bold;}
.tabNuovaEmail .rigaOggetto input {border:0;font-weight: bold;background-color: #fcfcfc;padding: 6px;margin-left: -6px;}
.tabNuovaEmail .rigaDestinatari .txtCercaDestinatario {border:0;width:250px;background-image: none;background-color: #fcfcfc;padding-top: 6px;padding-bottom: 6px;}
.tabNuovaEmail .rigaDestinatari .combo-expand {display: none;}

.tabNuovaEmail .rigaDestinatari .destSmall {width: 60px!important;}
.tabNuovaEmail .rigaDestinatari .destExpanded {width: 260px!important;}

.menuAzioniMessaggio {
    font-size: 1.2em;
} 
/**************** DETTAGLI MESSAGGIO **************************************/
 .divDettagliMessaggio 
 {
    display:block;
    float:left;
    width:100%;
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    border:1px solid #999999;
    position:relative;
    font-size: 1.1em;
}
.divDettagliMessaggio .riga {
    display:block;
    position:relative;
    width:100%;
    box-sizing: border-box;
    border-bottom:1px solid #f1f5f8;    
    padding: 2px;
}
 
.divDettagliMessaggio .lbl, .divDettagliMessaggio .txt {
    display:inline-block;
    -moz-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    -webkit-box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    box-sizing: border-box; /***** in questo modo il padding è calcolato internamente *****/
    padding-left:4px;
    
}

.divDettagliMessaggio .lbl {
    width:145px;
    font-weight:bold;
}
 
.divDettagliMessaggio .txt {
    max-width: 100%;
    overflow: auto;
}
.dettMessaggio #divAzioni2 {display:none;}

.divLoadingMessaggi, .divLo    adingCartelle {position:absolute;z-index:999999;top:0;left:0;right:0;bottom:0;margin:0;padding:0;display:block;
    background-color:#ffffff;opacity:.7;
    filter: alpha(opacity=70); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* this works in IE8 only */
}
 
.divElencoAllegati .menuList
{
    max-height:400px;
    overflow:auto;    
    min-width:250px;
}

.divElencoAllegati .menuList li a
{
    padding:6px;    
}

.divElencoAllegati .menuList li
{
    background-image: none;
}

#currentContext {border: 1px solid #e6e6e6;background-color: #F6F6F6}
#currentContext:hover {background-color:#E6E6E6;border-color: #999}

.divTrack0 {display: none!important}
.divTrack1 {margin-top:5px!important;margin-left:4px!important;margin-right: 0!important;width: 8px!important;height: 8px!important;font-size: 1px!important;line-height: 1px!important;background-color: #FFB108;border-radius: 50%;padding:0!important;}

.msgConfermaLettura {font-size: 12pt;}

.userN {position: relative;}
.userN span {
    top: 0px;
    left: 0px;
    position: absolute;
    font-weight: bold
}

.stickyContainer .exp1 {
    display: none;
}
.stickyContainer .stickyContainerExpand { display: none;}

.stickyContainerCollapsed .stickyContainerExpand {
    text-align: center;
    background-color: #fbe78a;
    color: #000000;
    margin-bottom: 6px;
    box-shadow: 0px 4px 8px -3px rgba(9, 9, 9, 0.4);
    padding: 5px;
    position: relative;
    display: block;
}
.stickyContainerCollapsed .stickyContainerExpand .exp1 {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    display: block;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(251, 231, 138, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(251, 231, 138, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(251, 231, 138, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fbe78a', GradientType=0);
    height: 50px;
}

.stickyContainerCollapsed .stickyContainer-messages {
    height: 300px;    
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.stickyContainerCollapsed .stickyContainer-messages:hover {
    scrollbar-width: auto;
}

#mainDivCartelle .separatoreNascoste {
    font-size: .9em;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #0072c6;
    color: #ffffff;
    cursor: pointer;
    margin: 5px;
    margin-top: 20px;
    margin-bottom: 25px;
    border-radius: 20px;
}
#divRicercaAvanzate {
    width:100%;
}

.divPraticaMessaggio {
    font-weight: bold;
    color: #214161;
    font-size: 1.5em;
    padding-left: 10px;
    padding-top: 3px;
}
.senzaPratica, .senzaPratica0 {display: none;}

#mainDivCartelle .separatoreNascoste:hover {
    background-color: #FFB108;
}

#pnElencoCartelle {
    scrollbar-width: none;
    background-color: #f3f5f8;
}


#pnElencoCartelle:hover {
    scrollbar-width: auto;    
}

#pnElencoCartelle .txtCercaCartella {
    background: #ffffff;
    border: 1px solid #f1f2f3;
    font-style: italic;
    border-radius: 15px;
    padding: 5px;
    padding-left: 10px;
}

#pnElencoCartelle .divCercaCartelle{
    padding: 5px;
    padding-left: 2px;
}

#pnElencoCartelle .txtCercaCartella:focus {
    background: #ffffff;    
}


.pnlCartelleMini .linkCartella {
    padding: 0;
    border: 0;  
    cursor: pointer;  
}

.pnlCartelleMini .testoCartella {
    display: none;
}

.pnlCartelleMini .coloreCartella {
    position: relative;
    width: 100%;
    top: auto;
    margin: 0;
    padding: 2px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px
}

.pnlCartelleMini .lblMiniCartella {
    display: inline-block;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999;
    text-transform: uppercase;
    text-align: center;
    background-color: #ffffff;
    padding: 2px;
    border-radius: 7px;
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 8px;
    color: #000;
    border: 1px solid #e0e0e0;
}
.pnlCartelleMini .contatoreCartella {
    width: 40%;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    vertical-align: top;
    margin-top: 2px;
}

.mainDivEditCartelle .bloccoNome {
    vertical-align: top;
    margin-left: 12px;
}
.mainDivEditCartelle .bloccoOpzioni {
    margin-left: 12px;
}

.mainDivEditCartelle .txtNomeCartella {
    width:100%;
    height:25px;
}
.CartellaEdit {
    margin-bottom: 24px;
    border: 1px solid #cacaca;
    padding: 5px;
    background-color: #f1f1f1;
    position: relative;
}
.CartellaEdit:hover {
    background-color:#fffeda
}
.mainDivEditCartelle .strisciaColore {
    padding-left: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.mainDivEditCartelle .impoGenerali, .mainDivEditCartelle .impoPersonali {
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding: 3px;
    background-color: #ffffff;
}

.mainDivEditCartelle .impoGenerali .lblSmall {
    color: red;
}
.mainDivEditCartelle .impoPersonali .lblSmall {
     color: blue;
}
.mainDivEditCartelle .txtSearch {font-size: 1.2em;margin-left: 10px;}
.mainDivEditCartelle .CartellaModificata {border-right: 5px solid red;}

.confermaInvioConAllegatiGrossi {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
    z-index: 999;
    background-color: #e1f0f6;
    color: #16427f;
    font-size: 1.4em;
    -webkit-box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.75);
    border: 1px solid #e2e2e2;
}

.divCreaShare {
    background-color: #f5f5f5;
    border: 1px solid #bbbbbb;    
    color: #000000;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 650px;
}

.confermaInvioConAllegatiGrossi .buttonText {
    font-size: .8em;
}

.confermaInvioConAllegatiGrossi .button {
    border-color: #51a3ff;
    color: #092b51;
    background-color: #ffffff;
}

.divCreaShare .divTitolo {
    background-color: #bbbbbb;    
}
.divCreaShare #txtDurataLink {width: 60px;padding:4px;}

.divToolbarAllegati {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 0;
    max-height: 90px;
    overflow-y: auto;
    /* margin-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
    box-sizing: border-box;    
    border: 1px solid #a8a8a8;
    background-color: #F2F2F2;
    background-image: url(bgBarraSbianca100.png);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px 10px 10px -12px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, .2);
    box-shadow: 0px 10px 10px -12px rgb(0 0 0 / 20%);
    font-size: 12pt;
    border-radius: 15px; */
}
.divToolbarAllegati .allegato {
    font-size: .9em;
    line-height: .8em;
    border-radius: 6px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 7px;
}
.divToolbarAllegati .allegato:hover {
    background-color: #b7dff1;
}

.divToolbarAllegati .lbl {
    margin-top: -3px;
}

.divToolbarAllegati0 {
    display: none;
}

.messageProgress {
    width: 150px;
    height: 6px!important;
    margin-left: 55px;
    margin-bottom: 5px;
}
.invioBloccato {
    background: red!important;
    border-color: red!important;
}

#formEmail #headerEmail .faButton {
    color: #2f5070!important;
    font-size: 16px;
    margin-right: 3px;
}
#formEmail #headerEmail .faButton:hover {
    color: #02101d!important;
}
#menuTemplateEmail {
    min-width: 300px;
}

#menuTemplateEmail li a {
    font-size: 14px!important;
    padding-top: 10px;
    padding-bottom: 10px;
}


.divAnteprimaAllegato {
    margin-left: 10px;
    margin-bottom: 15px;
    vertical-align: top;    
    position: relative;
    background-color: #f5f5f5;
    box-shadow: 0px 2px 4px -2px rgba(50, 50, 50, 0.75);
}

.divAnteprimaAllegato .divMinHeight {
    max-width: 300px;
    max-height: 320px;
    min-height: 220px;
}

.divAnteprimaAllegato .divPreview {
    min-width:170px;
    min-height:100px;
    text-align: center;    
}

.divAnteprimaAllegato .divPreview img{
    margin: auto;
    max-height: 180px;
    max-width:96%;
    border: 1px solid #d4d4d4;
    margin-top: 5px;
    box-sizing: border-box;
}

.divAnteprimaAllegato .divNomeAllegato{
    padding: 5px;
    font-size: .9em;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.divAnteprimaAllegato .icoEstensione {
    position: absolute;
    top:10px;
    left: 10px;
    font-size: 1.2em;
    opacity: .7;
    color: #0c5cf2;
}

.divAnteprimaAllegato .imgMarginTop {
    margin-top: 25px!important;
}

.divAnteprimaAllegato .divToolbar .spacerR {
    margin-right: 4px;
}

.divAnteprimaAllegato .icoEstensione:hover {
    opacity: 1;    
}

.divAnteprimaAllegato .divToolbar {
    border-top: 1px solid #929292;
    font-size: 1.2em;
}

.contMessaggioEmail .buttonCancellaMessaggio,
.contMessaggioEmail .divMessaggioPrecedente,
.contMessaggioEmail .divMessaggioSuccessivo {
    display: none;
}
.menuAddTagMail {
    font-size: 12pt;
}

.dettMessaggioEmail .divTags {
    padding: 8px;
    padding-bottom: 0;
    font-size: .9em;
}

.menuAddTagMail .btnAddTag {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: .8em;
    font-weight: normal;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}


.msgRow .divPreviewContent {
    max-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 55px;
    padding-right: 10px;
    color: #424242;
    font-size: .9em;
    opacity: .5;
    transition: all 300ms;
    transition-delay: 700ms;
}
.msgRow .divPreviewContent:hover {
    opacity: 1;      
    max-height: 100px;    
    transition-delay: 6000ms;
}
.msgRow .clickRow {bottom:auto;height: 50px;}
.noMessageVis {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 2em;
    background-image: url('bgPanel2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.msgRow .divPulsantiInRiga {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1500;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 1.25em;
    border-radius: 15px;
    background-color: #f1f5f8;
    color: #00266a;    
    transition: all 250ms;
    transition-delay: 200ms;
    opacity: 0;
}
.msgRow .divPulsantiInRiga .btn.stickyStatesticky {
    color: red;
}
.msgRow .divPulsantiInRiga .btn {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

.msgRow:hover .divPulsantiInRiga {
    right: 2px; 
    opacity: 1;       
}