/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2');
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2');
}
/* roboto-condensed-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-condensed-v27-latin-900.woff2') format('woff2');
}

/* quicksand-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quicksand-v31-latin-regular.woff2') format('woff2');
}

/* alata-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/alata-v9-latin-regular.woff2') format('woff2');
}

:root {
    --wfToolbarColor: #005a9d;
    --wfLateralToolbarColor: #002243;
    --wfBgColorHover: #cadffa;
    --wfBgColorHoverLight: #f4f4f4;
    --wfToolbarHeight:44px;
}

.leadManagement {
    --wfToolbarColor: #36444e;
    --wfToolbarHeight:48px;
    --wfLateralToolbarColor: #2e2e2e;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(204, 204, 204);
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(133, 133, 133);
}

/** colori: #DAE4EC   #EBF0F5   */
html {
 height:100%;
 max-height:100%;
 padding:0; 
 margin:0;
 border:0; 
 background:#fff;
 color: #1A1B2A;   
 overflow: hidden;
 }
 
body {
 height:100%; 
 /*max-height:100%; **  rimossa 30/06/2015 per compatibilità con mobile   */ 
 padding:0;
 margin:0; 
 border:0;  
 background-color:#ffffff;
 overflow: hidden;
 }

#imgInfoVersione {
    background-color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-block;
    padding: 0;
    margin-top: -4px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 2px;
}

#imgInfoVersione img {width: 22px;height: 22px;}

html,body,table {
    font-size: 11px;
    font-family:Segoe UI,Helvetica,Arial, sans-serif;
    font-weight: normal;
 
}

.tabFixedHeader th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);    
}

table.tabFixedHeader thead .sorting {
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(219, 219, 219) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
}

table.tabFixedHeader thead .sorting_asc {
    background-image: none!important;
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(146, 146, 146) 100%) !important;
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(146, 146, 146) 100%) !important;
}

table.tabFixedHeader thead .sorting_desc {
    background-image: none !important;
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgb(146, 146, 146) 0%, rgba(255, 255, 255, 1) 100%) !important;
    background: linear-gradient(top, rgb(146, 146, 146) 0%, rgba(255, 255, 255, 1) 100%) !important;    
}

.ui-front {
    z-index: 9100 !important;
}

.disabled {
    pointer-events: none;
    opacity: .5;
}

ul.context-menu-root {font-size: 16px;}
.fa span, .fa div {           /* override per font-awesome   */
    font-family:Segoe UI,Helvetica,Arial, sans-serif; 
    line-height: 1.5em;
}

.context-menu-icon.context-menu-icon--fa {
    font-weight: normal;
}

.context-menu-icon.context-menu-icon--fa::before {
    font-family: 'Font Awesome 5 Free'!important;
}


table.dataTable {border-collapse: collapse;}
table.dataTable thead th, table.dataTable thead td {padding-top: 3px;padding-bottom: 3px;padding-left: 3px;border-bottom: 1px solid #c0c0c0;}
.dataTables_filter {display:none;}

div:focus, span:focus {outline: none;}

.pageLoader {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.pageLoader .randomImage{
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .2);    
}

div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a, .pulsante, .button, .tapHilight, .closer {
  -webkit-tap-highlight-color: rgba(0,0,0,.2);
}

.pane {
    /*  display:    none; */
    background-color:#ffffff;
}  

.adminUser, input.adminUser {
    background-color: red!important;
    color: #fff;
} 

.borderRed, .redBorder {
    border-color:red!important;
}
.context-menu-list {z-index: 9999!important;}
.context-menu-list .menuHeader {
    background-color: #bcd4e1;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: -4px;
    font-size: .8em;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
}
.fs60 {font-size: 0.6em;}
.fs80 {font-size: 0.8em;}
.fs100 {font-size: 1em;}
.fs120 {font-size: 1.2em;}
.fs130 {font-size: 1.3em;}
.fs140 {font-size: 1.4em;}
.fs150 {font-size: 1.5em;}
.fs160 {font-size: 1.6em;}
.fs180 {font-size: 1.8em;}
.fs200 {font-size: 2em;}
.bold {font-weight: bold;}
.inputItem {display: inline-block;}
.inputItem .lbl {font-size: .85em;display: block;line-height: .9em}

.globalLayoutPage {
    height:     100%; 
    width:      100%; 
    min-height: 300px;    
}
.faded { opacity: .15;}
.faded2 { opacity: .2;}
.faded4 { opacity: .4;}
.faded:hover, .faded2:hover,.faded4:hover { opacity: 1;}

.padding {padding:4px;}
.paddingSmall {padding: 1px;}
.paddingLarge {padding: 6px;}
.floatLeft {float:left}
.floatRight {float:right}
.spacer {margin-left:6px;margin-right:6px;}
.spacerSmall {margin-left:5px;}

.spacerR,.spacerRight {margin-right:10px;}
.spacerT,.spacerTop {margin-top:5px;}
.spacerB,.spacerBottom {margin-bottom:5px;}
.spacerRSmall,.spacerRightSmall {margin-right:5px;}


.messaggioAggiornamentoSchedulato {
    display: block;
    max-width: 450px;
    max-height: 45px;
    position: absolute;
    top: 0;
    left: 40%;
    background-color: #fffab6;
    border: 1px solid #eb7d00;
    overflow: hidden;
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .3);    
    z-index: 9999;
}

.messaggioAggiornamentoSchedulato:hover, .messaggioAggiornamentoSchedulato:active {
    opacity: 1;
    overflow: auto;
    max-height: 250px;
    max-width: 650px;    
}

.Aut-leggistorico,
.Aut-cancellastorico,
.Aut-letturamsgditutti,
.Aut-consentiemailreparto {
    background-color: #d1c2c2;
}

.messaggioAggiornamentoSchedulato .divTimer {
    background-color: #eb7d00;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
.mainDivToolbarWF 
{
    width:100%;
    height: var(--wfToolbarHeight);
    padding:0;
    margin:0;   
    float:left;
    z-index:30;
    background-color: var(--wfToolbarColor);
}

.gruppo {
    vertical-align: top;
    border: 1px solid #c6c6c6;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 5px;
    background-color: #ffffffbf;
}

.fieldBlock,
.bloccoCampo,
.formField {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 6px;
    display: inline-block;
}

.pointer {
    cursor: pointer;
}
.centerToolbarWF {
    width:980px;
    position:relative;
    margin: 0 auto;
}

.centerToolbarWF .divPulsantiBase {
    vertical-align: top;
    display: inline-block;
}

.mainDivPagina {
    display:block;
    height:100%;
    width:100%;
    overflow:auto;
    position:relative;
    z-index:1; /* era 29 ma va in conflitto con contextMenu messo su barra top WF */
    text-align:center;
    background-size: cover;
    display:block;        
}

.tdRight,
.colImporto, 
.tdNumero,
.divNumero {
    text-align: right;
}

table.dataTable thead th {
    background-color: transparent;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: block;    
}
table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 120px;
}

.page_bd_asp .mainDivToolbarWF {background-color: #1B3E7C;}
.page_bd_asp .divCorpoPagina , .centerToolbarWF {width:100%!important; box-sizing:border-box!important;}
.page_bd_asp .divInizioPagina, .page_bd_asp .divFinePagina {display:none;}


.divInizioPagina, .divFinePagina {display: none;}

.divCorpoPagina {position:relative;padding:4px 10px 10px 10px;text-align:left;margin:auto;width:975px;clear:both;background-color:#ffffff;border-top:0;margin-bottom:5px;}

.page_login_asp .divCorpoPagina {background-color: transparent;}

.divHeaderSuggestAnagrafica {width:600px;display:block;font-weight:normal;}

.buttonTB {display: inline-block;width: 28px;height: 28px;margin-right: 2px;margin-top:-2px; background-size: contain;}
.buttonTopbarNuovoTab {background-image:url('circle_add.png');}
.buttonTopbarNuovaEmail {background-image:url('circle_mail.png');}
.buttonTopbarNuovoFax {background-image:url('circle_fax.png');}
.italic {
    font-style: italic;
}

.hotKey {
    margin-left: 10px;
    font-size: .8em;
    font-weight: 600;
    background-color: #e2e2e2;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: right;
    color: #3f3f3f;
}

.scrollTop {
    position: fixed;
    right: 30px;
    bottom: 5px;
    background-color: #ddd;
    border: 1px solid #d2d2d2;
    z-index: 999999;
    padding: 8px;
    border-radius: 4px;
    opacity: .35;
    cursor: pointer;
    display: block;
}
.scrollTop:hover {opacity: 1}

.bloccoNotifiche {
    display: block;
    top: 2px;
    right: 0;
    position: absolute;
}

.pane {padding:0;margin:0;overflow:hidden;}
.ui-layout-pane {border:0;}
#ui-datepicker-div {z-index:99999!important;}


.pnlPageContent 
{
    position:absolute;
    top: var(--wfToolbarHeight);
    bottom:0;
    width:100%;
    box-sizing:border-box;
}

.iconStatusUtenteCorrente {position: relative;}
.clickerStatusUtente {position: absolute;right: 0;top:0;width: 22px;bottom: 0;display: block;}

.mobile_app .pnlPageContent {padding-top: 0!important;top: 0!important;}
.mobile_app .mainDivToolbarWF {display: none;}

.pnlPageContent_tb_0 {top:0;}

.loadingStampa 
{
    position: absolute;
    display:block;
    font-size:12px;
    text-align:center;
    width:350px;
    height:150px;
    z-index: 90000;
    background-color: white;
    padding: 10px;   
    border:1px solid #f2f2f2;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, .3);
    background-color: #fcfcfc;
    color:#000;
}

.wfMenu 
{
    position: absolute;
    top: var(--wfToolbarHeight);    
    z-index: 99000;
    padding-top: 10px;   
    padding-bottom: 10px;   
    padding-left: 20px;   
    padding-right: 10px;   
    border:1px solid #f2f2f2;
    background: url(Layout/bgBody.png) repeat-x;
    background-color:#fbfbfb;
    min-width: auto !important;
    min-height: auto !important;
    overflow-y: auto;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    left: 0;
}
#divWFMenuStandard,
#divWFMenuServizio,
.menuWorkflowPersonalizzato {
    background-color:#ffffff;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e6e5e5;
    padding-bottom: 30px;
    font-size: 1.25em;
    position: absolute;
    top: 0;
    left: 145px;
    right: 0;    
}

#wfMenuULPrincipale {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

.btnComboEditValue {
    position:absolute;
    right:1px;
    bottom:1px;
    opacity: .2;
}

.btnComboEditValue:hover {
    opacity: 1;
}

@media screen and (max-width: 660px) {
    #wfMenuULPrincipale #liExtensione {
        display: none;
    }
    #wfMenuULPrincipale {
           position: absolute;
           width: 100%;
           height: 70px;
           overflow: hidden;
    }
    #wfMenuULPrincipale li {
        display: inline-block;
        margin: 2px;
        width: auto;        
    }
    #divWFMenuStandard {
        left: 0px;
        top:80px;
        padding: 5px;
    }
}


.wfMenu .title {font-weight:bold;font-size:1.2em;}
#linkLogoWF {
    cursor:pointer;
    display:inline-block;
    background:url('layout/logoWF.png') top left no-repeat;
    transition: background 500ms;
    -moz-transition: background 300ms; 
    -webkit-transition: background 300ms;
}
#linkLogoWF:hover {cursor:hand;background:url('layout/logoWF_hover.png') top left no-repeat;}

.infoSessioneScaduta {padding-top: 40px;padding-bottom: 40px;display: block;}

.absoluteContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
    z-index: 100;
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
}


.fullScreenContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #fff;
    box-sizing:border-box;  
    min-height: 100%;
}

.fullContent-closer {
    display:block;
    width:32px;
    height:32px;
    font-size:5px;
    border:0;
    position:absolute;
    top:3px;
    right:3px;
    border-radius: 30px;
    cursor: pointer;
    background:url('close.png') center center no-repeat;
    background-color:transparent;    
    
}

.fullContent-content {padding:5px;padding-top: 30px;}

.fullContent-content {padding:0px;}
.fullContent-closer {position:fixed;top:3px;right: 3px;z-index: 500;}

.mobile_app .fullContent-closer {display: none;}

#schedaImpianto ul, #schedaOffice ul, .wfMenu ul
{
    display: inline-block;
    margin: 5px 10px 0px 6px;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
    vertical-align: top;
}

#schedaImpianto li, #schedaOffice li, .wfMenuUL > li
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.menuWorkflowPersonalizzato {display:block;min-width:500px;padding-left:10px;}


.page_privacy_asp .wfContenuto {
    padding: 20px;
    border: 1px solid #bfbfbf;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 4px 0px rgba(150, 150, 150, .3);
    box-shadow: 5px 5px 4px 0px rgba(150, 150, 150, .3);
}


#schedaImpianto .spacer, #schedaOffice .spacer, .wfMenu .spacer
{
    background-image: none;
    height: 10px;
}

#schedaImpianto li a, #schedaOffice li a, .wfMenuUL > li a
{
    display: block;
    width: 100%;
    padding: 2px;
    font-size: 1.1em;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wfMenuUL > li .normal
{
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1em;
    background-image:none;        
}


.wfMenuFAS, .wfMenuFAS li {
    background-image: none!important;
}

.wfMenuFAS a, .wfMenuFAS > a {
    padding-left: 2px!important;
    padding-bottom: 5px!important;
    color: #283669;
}

.divIntestazione, .divToolbar, .trIntestazione, .rigaIntestazione {
    border:0;
    padding:2px;
    /* font-size:1.1em;  (su iPad risulta troppo grande)   */  
    color:#1A1B2A;
    box-sizing:border-box;
    background: rgb(214, 214, 214); /* Old browsers */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */    
}

.rigaIntestazione {
    font-weight: bold;
    text-align: left;
}

.divToolbar 
{
    border:1px solid #CDDEE3;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    box-sizing:border-box;
}

.divToolbar .divToolbar {
    background-color: #fcfcfc;
    background-image: none;
    border: 1px solid #e2e2e2;
    border-radius: 0;
}

.divTopToolbarInTab,
.flatToolbar {
    margin-top: 0px;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.vTop {vertical-align: top;}

#trMiniHeader {
    opacity: .8;
    background: -webkit-linear-gradient(top, rgb(250, 254, 255) 0%, rgb(207, 214, 216) 100%);
}

#trMiniHeader td,
#trMiniHeader th {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: .75em !important;
}

.miniHeaderPicker {
    position: relative;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
}

.miniHeaderPickerContent {
    position:absolute;
    font-size:10px;
    line-height:10px;
    height:12px;
    top:-25px;
    left:-10px;
    padding: 0;
    box-sizing: content-box;
    opacity: .5;
}
.miniHeaderPickerContent:hover {
    opacity: 1;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-droppable-active {
    background-color: orange!important;
    color: #ffffff!important;
}
.autocomplete-container {
    box-sizing: border-box;
    min-width: 65px;
}

.autocomplete-container-anagrafica ul {font-size:12px!important;}
.autocomplete-container-anagrafica .ui-menu .ui-menu-item a {
    padding: .2em .4em!important;
    line-height: 1.2!important;
    border-bottom: 1px solid #F0F0F0!important;
}

.ui-autocomplete .tagOnly {
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 2px;
    line-height: 1em;
    box-sizing: border-box;
}

.ui-menu .ui-menu-item .reparto {
    font-size: 1.1em;
    color: #002243;
    background-color: #faf9d8;
}

.red {color:Red!important;}
.blue {color:blue!important;}
.bordoRosso {border-color:Red!important;}
.quadUtente, .bloccoStatusPratica {
    display:inline-block;
    padding:2px;
    padding-left: 4px;
    padding-right: 4px;
    font-size:.9em;
    margin-right:1px;
    border-radius:4px;
    margin-bottom: 4px;
}

.tempoChiusuraPratica {background-color:#FFFFD4;border-radius: 4px;border: 1px solid #B5B500;}
.schedaDettagli .bloccoStatusPratica {margin-bottom:2px;}
.riga {padding:4px;border-bottom:1px solid #d2d2d2;}
.lbl {font-weight:bold;padding:4px;padding-left:0;}
.lbl2 {font-weight:bold;padding:4px;}
.lblSmall {font-weight:bold;padding:4px;padding-left:0;font-size:.8em;}
.val {margin-right:4px;}
.firstLbl {padding-left:0;}
.inlineBlock {display:inline-block;}

.popupImpostaStatusPratica {font-size:1.2em;line-height:1.5em;}
a {color: #1A1B2A;text-decoration:none;}
a:hover {color: #0A56C1;text-decoration:none;}
input {font-size:12px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.myTextbox, .txtDataSelect, .myTextarea, .hasDatepicker, .myFile,.mySelect 
{
    border:1px solid #999999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; 
    background-color: rgb(255,255,255); /* Old browsers */
    -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 *****/            
    font-size: 1em;
    padding:.25em;  /* aumentato da .2 a .25 il 18/07/2017 --- -*/
    min-height: 25px;    /* aggiunto il 20/03/2019 --- -*/
}

.hasDatepicker {
    min-width: 72px;    
}



.myTextarea {
    background: rgb(245,245,245); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,245,245)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 100%); /* W3C */
    padding:4px;
}

.borderlessTextbox 
{
    width:100%;
    box-sizing:border-box;
    padding:0;
    border:0;
}

.xsmallW {min-width: 40px;}
.smallW {min-width: 60px;}
.midW {min-width: 100px;}
.largeW {min-width: 200px;}
.xlargeW {min-width: 300px;}
.xxlargeW {min-width: 450px;}

.xsmallMaxW {max-width: 40px;}
.smallMaxW {max-width: 60px;}
.midMaxW {max-width: 100px;}
.largeMaxW {max-width: 200px;}
.xlargeMaxW {max-width: 300px;}

.noBackground {background-image:none!important;}
.liCercaAnagrafica .txtCercaAnagrafica {width:120px;font-size:1.1em;border:0;background-color:#fff!important;background-image:none!important;filter:none!important;margin-top:4px;margin-bottom:4px;}
.liCercaAnagrafica .autocomplete-container {
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(150, 150, 150, .3);
    box-shadow: inset 1px 1px 4px 0px rgba(150, 150, 150, .3);
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    margin-left:-10px;
    background-color:#fff!important;
    border:1px solid #B2BBC0;        
}

.indirizzoGoogleMap {
    padding-right: 25px;
    background-position: right, center;
    background-repeat: no-repeat;
}
.googleMapsFound {
    border-color: green;
    background-image:url('checkmark.png')!important;    
}

.googleMapsNotFound {
    border-color: red;    
    background-image:url('lightning.png')!important;
}


.liCercaAnagrafica .combo-expand {display:none!important;}

.liCercaAnagrafica {padding-top:10px!important;}

.divHPTop , .divHPBottom {background-color:#ffffff;}

.ui-fancytree {outline-style: none;}
.ui-autocomplete {z-index: 999999!important}
.aniDialog, .ui-dialog 
{
    background-color:#fcfcfc;
    color:#000000;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);    
    border-radius: 0!important;
    border: 0!important;
    text-align: left;
}
.ui-dialog-titlebar, .ui-dialog-titlebar-close {
    background-color: transparent!important;
    background-image: none!important;
    color: #000!important;
    border: 0!important;
    outline-style: none;
    text-align: center!important;
}

.btnEditMailing {display:block;
    position:absolute;
    bottom:3px;
    right:2px;
    z-index:9999999;
    opacity: .4;
    font-size: 12px;
}
.btnEditMailing:hover {
    cursor: pointer;
    opacity: 1;
}

.aniDialog-close a, .aniDialog-resize a, .aniDialog-maximize a  
{
    font-size:12px;
    font-weight:bold;    
}
.aniDialog-title
{
    display:block;
    position:relative;
    float:left;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    text-align:left;
    font-size:1.1em;
    font-weight:bold;
    padding:8px;
    padding-left: 15px;
    cursor:move;
}
.aniDialog-close, .aniDialog-resize, .aniDialog-maximize
{
    /*position:absolute;*/
    z-index:99999;
    /*right:4px;
    top:3px;*/
    display:block;
    border: 1px solid #f9f9f9;
    background-color: transparent;
    padding:14px;
    padding-top:3px;    
    padding-bottom:3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    float: right;
    margin-left: 2px;
}


.aniDialog-close:hover, .aniDialog-resize:hover,.aniDialog-maximize:hover
{
    background-color: #f2f2f2;
    color:#000;
    border: 1px solid #d2d2d2;
}

.aniDialog-close {
    background-color: #929292;
    padding-left:12px;
}

.aniDialog-close a {
    color: #fff;
}
.aniDialog-close:hover a {
    color: #000;
}

.aniDialog-content 
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*position:relative;*/
    min-width:10px;
    overflow:auto;
    padding:10px;    
    padding-top:0px;    
    -webkit-overflow-scrolling: touch;
}

.aniDialog-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #333;
    height: 100%;
    width: 100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.aniDialog-maximized {top:0px!important;left:0px!important;right:0px!important;bottom: 0px!important;width: auto!important;height: auto!important;}
.aniDialog-maximized .ui-resizable-handle {display: none!important;}

.tabslide
{
    position: relative;
    margin: 0;
    padding: 0;
    display:inline-block;
    width:100%;
    
}
.tabslide-button
{
    height: 30px;
    display: block;
    position: relative;
    background-color: #FCFCFC;
    border: 1px solid #CDDEE3;
    float: left;
    margin-right: 4px;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    font-size: 1.2em;
}

.tabslide-button-active
{
    background: rgb(237,237,237); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    border: 1px solid #CDDEE3;
    border-bottom: 0;
    font-weight: bold;
}
.tabslide-tab
{
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    /* overflow-x: hidden;
    overflow-y: auto;   ** rimosse il 16/09/2021 /// Eventualmente aggiungerlo dentro la pratica e dove serve */
    overflow: visible;

    /*position: absolute;*/
    display: none;
    padding: 0;
    padding-bottom: 5px;   /* *** inserito per tab ricerca documenti con jQuery dataTable che creava la scrollbar verticale anche se non necessaria.. ***/
    margin: 0;
}
.tabslide-tab-active
{
    display: block;
}

.tabslide-tab-viewall
{
    display: block!important;
}

.tabslide-tabs, .tabslide-buttons
{
    position: relative;
    display: block;
    width: 100%;
    float: left;    
}

.tabslide-tabs
{
    position:relative;
    /*top:23px;
    bottom:0; */
    width:100%;
    margin-top:-1px;
    border: 1px solid #CDDEE3;
    /*margin-top: -1px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabslide-vertical .tabslide-buttons
{
    width: 20%;    
    float:left;
    margin-top:-1px;
}
.tabslide-vertical .tabslide-tabs
{
    width: 80%;
    float:left;    
}
.tabslide-vertical .tabslide-button
{
    width: 100%;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-right:0;
}
.tabslide-vertical .tabslide-button-active {border-bottom:1px solid #CDDEE3;}

.logMessage
{
 position: absolute;
 top: 0;
 right:0;
 width:100%;
 padding:5px;
 z-index:900;
 background-color:#FFFFE7;
 color:red;
 border:1px solid #BBBB8B;
 box-sizing:border-box;
 } 


#statusMessage, .statusMessage
{
 position: fixed;
 top: 0;
 right:0;
 width:100%;
 padding:0;
 text-align: center;
 z-index:99000;
 height: 4px;
 } 

/*
#statusMessageContent {
    background-color:#FFFFFF;
    color:red;
    border-top:1px solid #BBBB8B;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);    
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
*/

#statusMessageContent {
    background-color: rgba(255, 255, 255, 0.94);
    color: #000;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 2px 12px -2px rgba(0, 0, 0, .4);
}
#statusMessageContent:hover {
    background-color: rgba(255, 255, 255, 0.99);
}

#statusMessage .closeButton
{
 position: absolute;
 padding:6px;
 line-height: 5px;
 font-size:10px;
 display:inline-block;
 z-index:9001;
 color:#000;
 border-radius: 10px;
 background-color: #fff;
 text-decoration: none;
 border: 1px solid #e2e2e2;
 margin-left: -22px;
 margin-top: 2px;
 box-shadow: 0px 2px 12px -2px rgba(0, 0, 0, .2);
}

#divLogoWF {width:auto!important;float:left;}

.mainDivToolbarWF .bloccoPulsanti {display:block;float:left;width:100%;padding-top: 2px;}

.bloccoAltreInfo {display:block;position:absolute;right: 30px;top:3px;}
.divSpacer1,.divSpacer2,.divSpacer3,.divSpacer4, .divSpacer5,.divSpacer6,.divSpacer7,.divSpacer8,.divSpacer9, .divSpacer10
{display:block;height:4px;}

.divLogoWF,.divSpacer1,.divSpacer2,.divSpacer3,.divSpacer4, .divSpacer5,
.divPulsLogin, .divPulsPaginaUtente, .divPulsOffice, .divPulsImpianto, .divPulsGestionale
{display:block;float:left;}

.divSpacer6, .divSpacer7, .divSpacer8, .divSpacer9, .divPulsInfo, .divComboVaiPratica, .divImmagineOperatore
{display:block;float:right;}
.divSpacer7, .divSpacer8 {width:5px;}

.tabslideStatistiche {margin-top:15px;}
.divStatistichePratiche {background-color:#fcfcfc;padding-bottom:5px;}
.divStatistichePraticheDx, .divStatistichePraticheSx {width:49.8%;vertical-align:top;padding:0;box-sizing:border-box;}
.divComboVaiPratica {padding:0;margin-top: 7px;}
.divComboSx {display:block;float:left;width:11px;height:23px;background: url(Layout/bgComboSx.png) top left no-repeat;}
.divComboCenter {display:block;float:left;width:70px;height:23px;padding-top:2px;background: url(Layout/bgComboCenter.png) top left repeat-x;}
.divComboDx {display:block;float:left;width:10px;height:23px;background: url(Layout/bgComboDx.png) top right no-repeat;}
.divComboCenter .ui-autocomplete-input {background-image:none!important;}
.divSpacer6 {width:10px;}
.divPulsInfo {padding-top:10px;}
/*.divNomeOperatore {font-size:14px;padding:4px;padding-top:11px;color:#ffffff;font-family:Trebuchet MS;}*/
.selectStatoUtente3 {font-size:12px; border:1px solid #ffffff;}

/*.txtVaiAllaPratica {width:100%;border:0;font-size:12px;}*/
.txtVaiAllaPratica {
    width: 80px;
    border-radius: 15px;
    padding: 5px;
    border:0;
}

.divSpacer1, .divSpacer2 {width:15px;}
.divSpacer3, .divSpacer4, .divSpacer5 {width:8px;}
.divPulsLogin {padding-top:3px;}


.ui-button-text  {color:#1A1B2A;}

form {
 margin:0;
 border:0;
 padding:0;
}

table, td, th
{
    text-align:left;
    -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 *****/    
}

.testoEmail
{font-size:12px;background-color:#FFFFFF;color:#000000;text-align:left;padding:3px;}
/* ***************** SKIN *********************************** */

.tabSkin
{   padding:0;
    /* background:url(gradSbiancante.png) repeat-x; */
    width:100%;
    background-color:#FFFFFF; 
    -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 *****/
    border:1px solid #DAE4EC;     
 }

.tabSkin td 
{
    padding:2px;
    -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 *****/
}
 
.titoloTabSkin
{
    /* background:url(bgBarraSbianca60.png) repeat-x;background-color:#3072b3; */
    text-align:center;
    font-weight:bold;
    border:0;
    padding-top:2px;
    padding-bottom:2px;
    font-size:1.1em;
    color:#1A1B2A;
}

.td1TitoloTabSkin,.td3TitoloTabSkin
{width:10px;}
.td2TitoloTabSkin {text-align:center;}

.titoloTabSkin .lnkButton {font-size:.9em;}
.titoloTabSkin, .titoloTabSkin a, .titoloTabSkin a:visited {color:#1A1B2A;}


.titoloTabSkin, .intestazionePraticheAperteOperatore,.intestazioneStatisticheAnno,.intestazioneStatisticheStatus, .IntestazioneElencoMessaggi,.headerSuggestAnagrafica, .bgSkin
{
    background: rgb(255,255,255); /* Old browsers */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
    color:#1a1b2a;
}

.tdDes
{
    /*font-size:1.1em;*/
    font-weight:bold;
    background: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabContorno
{border:0;text-align:left;background:url(gradSbiancante.png) top repeat-x;background-color:#e3ebf5;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-bottom:1px solid #DAE4EC;    
 color:#2D2E55;
} 

/*.tabConPadding {background-color:#f2f2f2;} */
.tabConPadding TD,
.tabConPadding TH {
    padding: 3px 4px 2px 4px;    
}

.divConBordi,
.tabConBordi,
.tabConBordi td,
.tabConBordi th
{
    border: 1px solid #adb8c1;
    border-collapse: collapse;
}

.tabNoBordi,
.tabNoBordi td,
.tabNoBordi th {
    border: 0;
    border-collapse: collapse;
}

.tabMessaggiInterni td,
.tabMessaggiInterni th
{border-bottom:1px solid #dde7f0;padding:2px;}

.tabMessaggiInterni
{width:99%;}

.tabRicercaPagUtente
{border:1px solid #6699CC;text-align:left;background-color:#E5EDFC;width:96%;padding:8px;display:block;}

.tabDettagli
{border:1px solid #6699CC; border-collapse:collapse;}



.titoloTabContorno
{background-color:#dde7f0;font-weight:bold;}
.sottotitoloTabContorno
{font-weight:bold;}


/********* Popup selezione utenti ****************************************/
#contPopupUtentiReparti .divIntestazione {font-weight:bold}
#contPopupUtentiReparti .divTuttiGliUtenti {font-weight:bold;background:none!important;margin:5px 0 5px 0;}
#contPopupUtentiReparti .divElencoReparti   
{
    margin-top:5px;
    margin-bottom:10px;
}

#contPopupUtentiReparti .divReparto 
{
    padding: 1px;
    margin: 2px;
    margin-right: 15px;
    display: inline-block;
    
}

#contPopupUtentiReparti .divUtente 
{
    padding: 1px;
    margin: 2px;
    display: inline-block;
    width: 160px;
    border-width:1px;
    border-style:solid;
}

.divSezione {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
}
.divSezione .titoloSezione {
    padding:6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e2e2e2;
}

.divGruppo {
    padding: 12px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    margin: 4px;
    vertical-align: top;
}
.divSezione .divGruppo {
    margin:10px;
    padding: 8px;    
}

.divGruppo.noBorder,
.divGruppo.no-border {
    border: 0;
}

.divGruppo .titolo {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #3c40cc;
}
.divGruppo .divSottogruppo,
.divGruppo .sottogruppo {
    margin-bottom: 10px;    
}

.divGruppo .divSottogruppo,
.divGruppo .sottogruppo,
.divGruppo .inlineBlock {
    vertical-align: top;
}


.divGruppo .divSottogruppo .lbl,
.divGruppo .sottogruppo .lbl {
    padding-bottom: 0;
}

.divGruppo input, 
.divGruppo select,
.divGruppo textarea {
    width: 100%;
    max-width: 650px;
    padding: 6px;    
    border-radius: .3em;
}
.divGruppo input[type="checkbox"] {
    width: auto;
}

.divGruppo input.hasDatepicker {
    width:95px;
}

.divGruppoInline .lbl,
.divGruppoInline .val {
    display: inline-block;
    min-width: 25px;
}

.dialogAnagraficaSemplice {
    background-color: #f6f6f6;
}

.select2-container {
    z-index: 9999;
}
.bgLight {
    background-color: #f9f9f9;
}

.bgMid,
.bgMedium {
    background-color: #eeeeee;
}

.bgDark {
    background-color: #c4c4c4;
}

.bgLight .divCorpoPagina,
.bgMid .divCorpoPagina,
.bgMedium .divCorpoPagina,
.bgDark .divCorpoPagina {
    background-color: transparent;
}

/* ************** Pagina richiama_pratiche.asp ************************************ */
.divOpzioniRicercaPratica {
border:1px solid #e2e2e2;
}
.divOpzioniRicercaPratica .riga {
    border-bottom: 1px solid #e6e6e6;
    padding: 2px;
    padding-left: 5px;
}
.divOpzioniRicercaPratica .lblFirst {
    display: inline-block;min-width: 120px;
}

.divOpzioniRicercaPratica .divSx {
    min-width: 480px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.divOpzioniRicercaPratica .divDx {
    margin-bottom: 2px;
    margin-top: 2px;
}

.tabStatisticheAnno, .tabPraticheAperteOperatore, .tabStatisticheStatus
{background:url(gradSbiancante.png) repeat-x;background-color:#eef2f6;}

.tabStatisticheAnno TD, .tabPraticheAperteOperatore TD,  .tabStatisticheStatus TD, tabRicercaPratiche TD
{padding:3px;border-bottom:1px solid #e2e2e2;}


.intestazionePraticheAperteOperatore,.intestazioneStatisticheAnno,.intestazioneStatisticheStatus, .IntestazioneElencoMessaggi
{font-size:1.2em;}


.tabElencoPratiche
{font-size:1.1em;border-top:1px solid #DAE4EC;border-left:1px solid #DAE4EC;}

.tabElencoPratiche .tagPratica {
    margin-bottom: 6px;
}
.tabElencoPratiche .riga {
    padding: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
}
.tabElencoPratiche .col {padding:2px;vertical-align: top;min-height: 50px; box-sizing: border-box;}
.tabElencoPratiche .col1 {width:6%;font-weight:bold;position:relative;padding:0;text-align: center;}
.tabElencoPratiche .col2 {min-width:160px;width:20%;}
.tabElencoPratiche .col2 .ragsoc {font-weight:bold;}
.tabElencoPratiche .col2 .indirizzo {font-size:.9em;}
.tabElencoPratiche .col3 {width: 20%;}
.tabElencoPratiche .col4 {width: 6%;}
.tabElencoPratiche .col5 {
    width: 6%;
    text-align: center;
}
.tabElencoPratiche .col7 {width: 37.5%;}
.tabElencoPratiche .col8 
{
    text-align:left;
    padding-right:0px;
    padding-left:0px;
    width: 2%;
}
.tabElencoPratiche .col1 .divNumPratica {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 5px;    
}
.tabElencoPratiche .col1 .divNumPratica:hover {
    background-color: yellowgreen!important;
}
.tabElencoPratiche .col1 .divNumPratica a{
    width: 100%;
    display: block;
}

.divColoreTipoPratica 
{
    background: url(bgBarraSbianca100.png) repeat-x;
    background-color: #EBF0F5;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    height: 26px;
    box-sizing: border-box;
    width: fit-content;
}

.tabElencoPratiche .divIntestazione .col {
    padding: 2px;
    vertical-align: top;
    min-height: 30px;
    box-sizing: border-box;
    background-color: transparent!important;
}

.colPriorita-1 {background-color:#E4E4E4!important;}
.colPriorita-2 {background-color:#BDBDBD!important;}
.colPriorita1 {background-color:#FAF6A0!important;}
.colPriorita2 {background-color:#FEA83F!important;}
.colPriorita3 {background-color:red!important;}


/* ************** fine pagina richiama_pratiche.asp ************************************ */

.cellaColorataPratica
{background:url(gradSbiancante.png) top repeat-x;background-color:#dce7f2;}

.optStato1 {background-color:#CCCC99;color:#000033;} /*           non disponibile                */
.optStato2 {background-color:#FFFF00;color:#000033;} /*           in ferie                    */
.optStato3 {background-color:#000099;color:#FFFFFF;} /*           in malattia                   */
.optStato99 {background-color:#FF0000;color:#FFFFFF;} /*          non più attivo               */

/* ************** Pagina Utente ************************************ */
.tabPaginaUtente {width:100%;padding:2px;}
.tabPaginaUtenteColSx {width:50%;}
.tabPaginaUtenteColDx {width:50%;}

/* ******************************** GESTIONE FAX E EMAIL ************************************* */

.tabellaBloccoRicerca { background-color:#FFFFFF; background:url(layout/gradCeleste.jpg) repeat-x; width:100%}
.titoloTabellaBloccoRicerca {color:#000033;}

.tabellaInternaOpzioniRicerca
{
font-size:11px;
border:1px solid #6699CC;
color: #003366;
padding:1px;
width:790px;
}

.CellaPulsantiOpzioniCerca
{
background:url(bgBarraTitolo.png) repeat-x;
background-color:#3A5AAD;
padding-top:2px;
color:#FFFFFF;
}

.tabellaPulsantiRicerca
{color: #FFFFFF;padding-right:5px;padding-left:1px;height:22px;}

.Colonna1OpzioniCerca, .Colonna3OpzioniCerca
{width:30px;}


.toolbarTop
{
    border:0px;
    padding-top:1px;
    background-color:#FFFFFF;
    width:100%;
    height:55px;
}

.toolbarOggetto, .toolbarAzioni
{   
    color:navy;
    padding:2px;
 }
#tableToolbar 
{
   background:url('Layout/gradCeleste.jpg') repeat-x; 
   color:Navy;
   border:0;   
}


.bloccoPaginazione
{float:left;margin-left:12px;height:18px;padding:1px;margin-top:3px;width:340px;}
.lnkPagina,.lnkPaginaIndietro,.lnkPaginaAvanti,.lnkPaginaCorrente,.lnkPaginaUltima,
.lnkPagina:visited,.lnkPaginaIndietro:visited,.lnkPaginaAvanti:visited,.lnkPaginaCorrente:visited,.lnkPaginaUltima:visited
{color:#FFFF33;padding:2px;font-size:11px;}
.lnkPaginaCorrente
{color:#FFFF00;font-size:13px;font-weight:bold;}
.lnkPagina
{width:8px;}
.lnkPagina:hover
{background-color:#FF9900;color:#000033;}
.lnkPaginaUltima,.lnkPaginaUltima:hover
{font-weight:bold;color:#FFFF00;}

.tabellaElencoMessaggi, .tabellaElencoFax
{padding:0;margin:0;}
.cellaMessaggio
{border-bottom:1px solid #CCCCCC;text-align:left;padding:0;}

.cella1Messaggio,.cella13Messaggio
{border-bottom:1px solid #DAE4EC;text-align:center;background-color:#DAE4EC;padding:0;}

.tabellaElencoFax .cella13Messaggio
{width:14px;}
.tabellaElencoFax .cella1Messaggio,.tabellaElencoFax .cella2Messaggio
{width:12px;}

.cella1Intestazione,.cella2Intestazione,.cella13Intestazione
{width:8px;}

/* ***************** Ricerca avanzata messaggi **************************** */
.RicercaAvanzata
{width:400px;color:#000033;}
.titoloOpzioniRicercaAvanzata
{float:left;width:100%;text-align:center;font-weight:bold;background-color:#3366CC;color:#FFFFFF;padding:2px;}
.lnkCercaOpzioniAvanzate, .lnkCercaOpzioniAvanzate:visited
{
color:#000033;
font-weight:bold;
text-decoration:underline;
}
.lnkCercaOpzioniAvanzateAttivo
{
color:#FFFFFF;
background-color:#FF0000;
}

/****************************  fine Gestione colori nelle email e fax *************************************/


/*** ####################################### gestione Workflow 2.5 ############################################################ ***/

.divAvviso, .divPopupFisso {
display:none;
position:absolute;
background-color:#FF9900;
color:#330066;
top:50;
left:40;
z-index:350;
border:1px solid darkblue;
}
.TabellaAvviso, .tabellaPopupFisso
    {
    padding:0;
    margin: 0 auto;
    border-collapse:separate;
    padding:4px;
    font-size:12px;
    color: #000000;
    width:300px;
    }
.TrIntestazionePopupFisso, .TdIntestazionePopupFisso
{
    font-size:11px;

} 


#titoloPopupIframeComune
{font-size:11px;color:#000033;font-weight:bold;}



/* ***************************** GESTIONE SMS *************************************** */
.textBoxSMS,.buttonSMS
{
    font-size:12px;
    color:#000033;
    border:1px solid #ccccff;
}
.tabellaSMS
{
    border:1px solid #f2f2f2;
    color:#000033;
    width:100%;
    margin-top:10px;
    padding:1px;
}

.tdDesTabellaSMS
{
    width:85px;
    background-color:#f2f2f2;
    border-bottom:1px solid #FCFCFC;
    border-right:1px solid #FCFCFC;
}
.tdTabellaSMS
{
    border-bottom:1px solid #FCFCFC;
}

.tdPulsantiTabellaSMS
{
background: #f2f6f8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */

text-align: center;
    width:100%;
}

HR
    {
        border: 1px solid #FF9900;
    }


.IntGruppoParametri
{
background-color:#50575a;
color:#FFFFFF;
font-weight:bold;
text-align:left;

}
.AdminTabella, .TabellaSourceImmagine
{   
    font-size: 12px;
    color: #000000;
    background-color: #F3F3F3;
    margin: 0 auto;
    padding:1px;
    border: 1px solid #999999;
}

.AdminTRTit
{
    background-color: #999999;
    font-size: 12px;
    color: #FFFFFF;
}

.AdminTD 
{
color:#000000;
border-bottom:1px solid #999999;
}
.AdminTDPulsanti 
{
text-align:center;
color:#000000;
background-color: #5384AC;
}

.AdminTdDes
{
    font-size: 11px;
    background-color: #CCCCCC;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;

}

/*       ------------- tabelle riepilogative -------------------*/
.TabellaRiepilogoDati
{
    font: 11px;
    color: #000000;
    background-color: #F9FBFB;
    padding:1px;
}
.trIntTabellaRiepilogoDati, .tdIntTabellaRiepilogoDati
{   background-color: #BCD5E2; }


.trTabellaRiepilogoDatiAlt, .tdTabellaRiepilogoDatiAlt
{   background-color: #F0F3F4; }


/*       ------------- fine tabelle riepilogative -------------------*/

/********************************* AREA HTML *********************************************************/ 

.bloccoHtmlArea
{
position:relative;
width:100%;
}


.tabPulsantiHtmlArea
{
font-size:10px;
color:#000066;
padding-right:10px;
background-color: #CBDCE7;
}

/********************************** tabelle modfica/display dati ****************************************/
.messaggioErrore {
    font-size: 11px;
    color: #FF0000;
    background-color: #F3EBCF;
    width: 100%;
    border: 1px dashed #003399;
}


/********* Workflow 2.7 ****** HighSlide, animazioni e div iframe ***********************/

.lnkButton
{
    margin-left:2px;    
}

/*    TABELLE CALENDARIO APPUNTAENTI   */
.tabInserisciAppuntamenti
{border:1px solid #344056;}

.tabCalendarioAppuntamenti TD
{border:1px solid #344056;border-left:0;border-top:0;}

.cellaGiornoCalendario a, .cellaGiornoImpegnato a, .cellaGiornoCorrente a
{display:block;width:100%;}

.cellaGiornoCalendario a:hover, .cellaGiornoImpegnato a:hover, .cellaGiornoCorrente a:hover
{background-color:#FFCC33;cursor:pointer;}

.cellaGiornoCalendario
{background-color:#F5F5F5;}
.cellaGiornoImpegnato
{background-color: #F5DF3F;}
.cellaGiornoCorrente
{background-color: #6699CC;}

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

.DragDropCursorOK,
.DragDropCursorKO,
.DragDropCursorCopy
{
border:0;
color:#333333;
background:url(Layout/dragDropMessaggi.png) top left no-repeat;
width:220px;
height:48px;
font-size:16px;
padding-top:20px;
text-align:center;
font-weight:bold;
font-family:Arial;
z-index:15000;
}

.DragDropCursorKO
{
    color:red;
    background:url(Layout/dragDropErrorMessaggi.png) top left no-repeat;
    
}

.DragDropCursorCopy {
    color: rgb(49, 49, 49);
    border: 1px solid rgb(49, 49, 49);
    background-image: none;
    background-color: rgb(248, 250, 252);
    padding:10px;
    font-size: 12px;
    width:auto;
    height:auto;
    border-radius: 5px;
}

.divScrollDown
{
    background:url(../ScrollDown.gif) top left repeat-x;
    position:relative;
}
.divScrollDown:hover
{
    background-color:#FFFF00;
    cursor:s-resize;
}
.divScrollUp
{
    background:url(../ScrollUp.gif) top left repeat-x;
    position:relative;
}
.divScrollUp:hover
{
    background-color:#FFFF00;
    cursor:n-resize;
}

.bloccoNascondiRisultatiRicerca
{
    border:1px solid #333333;
    text-align:center;
    padding-top:50px;
    background:url(bgDisabilita50.png);
}

/* .... 3.0 ....... */
.highlight {background-color:Orange;color:#ffffff;}
.highlightAnimating {
    background-color: rgba(255, 0, 0, 0.596);
    color: #ffffff;
}
.highlightHover:hover{background-color:#E6E6E6;border-color:#999;}

.infoWorkflow {font-size:1.2em;line-height:1.6em;}
.infoWorkflow_titolo {font-size:larger;font-weight:bold;}
.tooltipWorkflow 
{
    background-color:#FCFCFC;
    color:#000000;
    padding:10px;
    border:1px solid #999999;
    border-radius: 2px;
    
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1);
    max-height: 500px;
    overflow: auto;    
}
.divTooltip {
    background-color:#FFCC33;
    position: absolute;
    z-index: 100;
    }
.tabTooltip, .testoTooltip {
    font-size:11px;
    color: #003366;
}

.testoTooltip {
    max-width:600px;
}
.contColorPicker {position: relative;margin: 2px}
.colorPickerButton {display:block;width:17px;height:17px;float:left;border:1px solid #a1b8d1;text-align:center;}
.colorPickedPlaceHolder {font-size: 16px;color: #74848d;opacity: .5;}
.colorPickedPlaceHolder:hover {opacity: 1;}
/*  ************** PRATICHE ******************** */
.tabPraticaElencoRighe, .tabInserisciPratica .tabConBordi, .tabPratica, .tabPratica TD
{
    -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 *****/    
}
.tabPraticaElencoRighe .divElencoTags {font-size: .9em;}
.tabInserisciPratica .tabConBordi td {padding:4px;}
.tabPratica, .tabPraticaElencoRighe, .tabPraticheInGestione  
{
    width:100%;
    border:1px solid #dde7f0;
    background:url(gradSbiancante.png) repeat-x;
    background-color:#eef2f6;    
}
.voceGruppiValori {
    background-color: #fcffd7;
}

.tabPratica, .tabPraticaElencoRighe {border:0;}

.tabPratica, .tabPraticaElencoRighe
{
    background-color:#ffffff;
    margin-bottom:4px;
    position:relative;    
}

.tabPratica
{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:0;
    margin-bottom:0;    
}
.tabPratica .tdDes {font-size:1.1em;}
.tabPratica .td3 {width:400px;}
.tabPratica .td1 {width:150px;}

.tabPratica .tabCampiPersonalizzati {
    font-size: 1.1em;
}

.containerCampiPratica .bloccoSx {
    min-width: 300px;
    width: 40%;
}
.containerCampiPratica .bloccoDx {
    min-width: 500px;
    width: 59%;
}

.containerCampiPratica .bloccoCampoPratica {
    padding: 10px;
    margin-bottom: 2px;    
    background: rgb(235, 235, 235);
    background: linear-gradient(150deg, rgba(235, 235, 235, 1) 0%, rgba(254, 254, 254, 1) 25%);
    box-shadow: 2px 2px 3px -3px #bababa; 
}

.containerCampiPratica .gruppoCliente {
    margin-bottom: 12px;
    background: rgb(249, 235, 194);
    background: linear-gradient(165deg, rgb(208 244 255) 0%, rgba(254, 254, 254, 1) 25%);
}
.containerCampiPratica .gruppoUtentiGestione {
    margin-bottom: 2px;
    background: rgb(249, 235, 194);    
    background: linear-gradient(150deg, rgb(196 230 221) 0%, rgba(254, 254, 254, 1) 25%);
}

.containerCampiPratica .gruppoStatus {
    margin-bottom: 2px;
    background: rgb(249, 235, 194);
    background: linear-gradient(150deg, rgb(249, 235, 194) 0%, rgba(254, 254, 254, 1) 25%);
}

.containerCampiPratica .bloccoCampoPratica .lbl {
    margin-top: -8px;
    margin-bottom: 1px;    
}

.containerCampiPratica .bloccoCampoPratica .lbl,
.containerCampiPratica .bold {
    font-weight: bold;    
    font-size: 1em;
    line-height: 1.2em;
    color: #001b33;
}

.containerCampiPratica .gruppoProdotti {
    display: inline-block;
    min-width: 340px;
    box-sizing: border-box;
}
.containerCampiPratica .gruppoTags {
    display: inline-block;
    min-width: 200px;
    box-sizing: border-box;
}

#bloccoSchedePratica .lbl, 
#bloccoSchedePratica .lblTit {
    font-size: 1.1em;
}

.containerCampiPratica .bloccoCampoPratica .lbl.spacer {
    margin-left: 10px;    
    margin-right: 3px;
}

.containerCampiPratica .bloccoCampoPratica .inlineBlock {
    margin-bottom: 2px;    
}

.tabPraticaElencoRighe {width:100%;background-color:#ffffff;}
.rigaIntElencoRighePratica, .tdTotaliPratica
{
    background: #e2e2e2; /* Old browsers */    
}
.rigaIntElencoRighePratica td, .tdTotaliPratica td
{
    font-weight:bold;
    font-size:.8em;
    padding:5px;
}

.tabPraticaElencoRighe .td2, .tabPraticaElencoRighe .td2_3, .tabPraticaElencoRighe .td1_2_3 {font-weight:bold;}
.tabPraticaElencoRighe .td1 {width:50px;}
.tabPraticaElencoRighe .td1 .lnkButton, .tabPraticaElencoRighe .td9 .lnkButton {float:left;}
.tabPraticaElencoRighe .td3 {width:160px;}
.tabPraticaElencoRighe .td4, .tabPraticaElencoRighe .td5 {width:100px;}
.tabPraticaElencoRighe .td6 {width:40px;}
.tabPraticaElencoRighe .td7 {width:60px;}
.tabPraticaElencoRighe .td8 {width:25px;}
.tabPraticaElencoRighe .td9 {width:95px;}
.tabPraticaElencoRighe .lblTitDest {font-weight:normal;}

.tabPraticaElencoRighe .lnkButton {font-size:.9em;}
.rigaPraticaD TD {background-color:#EBF0F5;}

.rigaPrincipalePratica {
    background: rgb(255,255,255); /* Old browsers */
    background: -webkit-linear-gradient(top, rgb(255 237 110) 0%, rgb(255 242 171) 80%);
    background: linear-gradient(top, rgb(255 237 110) 0%, rgb(255 242 171) 80%);
    margin: 6px;
    padding: 6px;
    border: 1px solid #c7c6bd;
    border-radius: 5px;
}
.contRighePratica {
    position: relative;
    margin: 6px;
    border: 1px solid #c7c6bd;
    border-radius: 6px;
    background-color: #d7d7d7
}

.rigaPrincipalePratica .divRP {
    display: inline-block;
    padding: 2px;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 13px;
} 
.rigaPrincipalePratica .divRP_1 {width: 70%;font-weight: bold;}
.rigaPrincipalePratica .divAzioni {
    float:right;
    vertical-align: top;
}

.bloccoPulsantiPratica {text-align:left;padding:5px;}
.bloccoPulsantiPratica .lnkButton {margin:0;}
.bloccoPulsantiPraticaSx {display:block;float:left;}
.bloccoPulsantiPraticaDx {display:block;float:right;}
.documentiIntegratiPratica, .tabStatusSubiti {width:100%;height:70px;border:1px solid #eef2f6;}
.documentiIntegratiPratica {width:100%;height:170px;background-color:transparent;background-image:none;filter:none;}
#elencoDocIntegrati .progress .text {
    max-width: 500px;
}
.pulsantiDocumentiIntegrati, .elencoDocumentiIntegrati, .aggiungiDocumentiIntegrati {width:100%;}

#schedaArchivioPratica {
    min-height: 400px;
    max-height: 500px;
    overflow: auto;
}

#schedaArchivioPratica .divPercorsoCorrente {
    display: none;
}



.lnkButtonLink {
    padding:3px!important;
}
.oggettoPratica {padding-bottom: 4px;}
.divOggettoPratica {font-size: 1.1em;}
.divPulsantiOggettoPratica {display:block;float:right;width:45%;}
.txtOggettoPratica {width:100%;font-size:1.2em;padding-left:5px;}
.tabPraticheInGestione td {height:40px;}
.tabPraticheInGestione .td1 {width:45px;font-weight:bold;}
.tabPraticheInGestione .td2 {min-width:200px;}
.tabPraticheInGestione .td3 {width:60px;}
.tabPraticheInGestione .td4 {width:70px;}
.tabPraticheInGestione .td5 {min-width:230px;}
.tabPraticheInGestione .td6 {width:30px;}
.tabPraticheInGestione .td8 {width:30px;}
.tabPraticheInGestione .divColoreTipoPratica {position: absolute;top:0;left: 0;}
.tabRicercaOperazioniPratica TD{padding-left:12px;border:0;}
.tabRicercaOperazioniPratica .td1{padding-left:1px;}
.tabRicercaOperazioniPratica span{font-weight:bold;padding-right:4px;}

.tabComunicazioniPratica {width:98%;}
.tabComunicazioniPratica TD {padding-left:.5%;padding-right:.5%;padding-top:2px;padding-bottom:2px;}
.tabComunicazioniPratica .elencoAllegatiMessaggio, .previewEmailDestinatario {border:0;width:99%;background-color:transparent;}
.tabComunicazioniPratica .previewEmailDestinatario {float:left;width:300px;}

.divEmailFaxDestiantari {display:block;float:left;width:320px;}
.divPulsAddEmailFaxDestiantari {display:block;float:left;width:100px;height:40px;}
.divEmailFaxDestiantari span {width:120px;display:block;float:left;padding:0;font-weight:bold;}
.divEmailFaxDestiantari input {width:180px;display:block;float:left;}

.divEmailFaxDestiantari .acapo {display:block;float:left;width:100%;height:4px;}
/*.tdRicercaDestinatarioMessaggio input, .tdRicercaDestinatarioMessaggio select {display:inline-block;float:left;width:180px;} 
.tdRicercaDestinatarioMessaggio .lblCercaAnagrafica {width:120px;display:block;float:left;font-weight:bold;}
.tdRicercaDestinatarioMessaggio .lblContatti {padding-left:16px;padding-right:4px;display:block;float:left;font-weight:bold;}*/
.tdRicercaDestinatarioMessaggio #txtRicercaDestinatario {width:200px;}
.tdTotaliPratica 
{
    font-size:1.2em;
    text-align:right;
    padding:4px;
}

.popupPratica div {padding:2px;}
.popupPratica .lblTit {font-weight:bold;}
.popInsNota .lblTit {width:200px;display:inline-block;}

.bloccoPulsantiPratica 
{
    position:relative;
    display:inline-block;
    padding:3px;
    width:100%;
    background:#f3f3f3;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #d8d8d8;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom: 5px;
}

.containerCampiPratica .cbStatus,
.containerCampiPratica .cbUtentePratica,
.containerCampiPratica .cbRepartoPratica,
.containerCampiPratica #statusproc {
    font-weight: bold;
    font-size: 1.1em;
}
.containerCampiPratica .cbRepartoPratica {
    color: navy;
}
.containerCampiPratica .lblRagSoc {
    font-size: 1.4em;
    font-weight: bold
}
.containerCampiPratica .lblTit {
    font-weight: bold;
}
.containerCampiPratica .lblEvidenza {
    color: Red;
    font-size: 1.2em
}
.tabPratica .td2 {width:300px;}
.containerCampiPratica .tabslide-tabs {
    min-height: 400px;
}
.containerCampiPratica .tabslide-tab {
    background: #ffffff; /* Old browsers */    
}


.elencoDocumentiIntegrati {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width:100%;}
/*.tabPratica .tabslide-tab DIV {padding:4px;} */
.containerCampiPratica .tabslide-tab .lblTit {
    width: 100px;
    font-weight: bold;
    display: inline-block;
}

#schedaBluDhoc .divIntDocumenti, #schedaBluDhoc .divPulsantiDocumentiBD
{
    
    box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */  
    width:100%;
    font-weight:bold;
}
#schedaBluDhoc .divPulsantiDocumentiBD {padding:4px;}
.tabDocumentiBD td {font-size:1.2em;padding:2px;}
.tabDocumentiBD .trIntestazione {font-weight:bold;font-size:1em;}
.tabDocumentiBD .trTipoDocumento {width:100%;background-color:#E2E2E2;font-weight:bold;}
.tabDocumentiBD .trDati td {border-bottom:1px solid #e2e2e2;}
.tabDocumentiBD .trDati:hover {background-color:#FFFFD4;}

.tabDocumentiBD .td5 {width:115px;font-weight:bold;text-align:right}
.tabDocumentiBD .td6 {width:30px;border-right:0;}
.tabDocumentiBD .td99 {display: none;}

#divInfoCliente {color:#4F4F4F;overflow:auto;display:inline-block;width:100%;box-sizing:border-box;padding:4px;}

.mainInfoCliente .divElencoAttivita {
    margin-bottom: 10px;
    max-height: 130px;
    overflow: auto;
    border-bottom: 0;
}

.mainInfoCliente .divNoteCliente {
    margin-top: 15px;
    max-height: 150px;
    overflow: auto;
    border-bottom: 15px;
    max-width: 400px;
}

.toolbarInfoCliente {
    padding-bottom: 8px;
    font-size: 1.35em;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 6px;
}

.mainDivInfoCliente .divInputCliente .spacerTop {
    height: 6px;
}

.mainDivInfoCliente .divListiniPersonalizzati .riga {
    display: inline-block;
    margin-right: 5px;
    border: 0;
    font-size: 1.1em;
}

.tabslideInfoCliente .tabslide-tab {
    min-height: 150px;
}
.tabInserisciPratica #divInfoCliente {
    max-height: 600px;
}

/*  ************** PAGINA UTENTE ******************** */
.RiepilogoEmailPagUtente, .RiepilogoFaxPagUtente {display:block;width:99%;height:20px;border-bottom:1px solid #dde7f0;margin:.5%;}
.RiepilogoEmailPagUtenteSx, .RiepilogoFaxPagUtenteSx {float:left;display:block;font-weight:bold;padding:5px;}
.RiepilogoEmailPagUtenteDx, .RiepilogoFaxPagUtenteDx {float:right;display:block;padding:5px;}

.tdMessaggioInterno {font-weight:bold;}
.tdMessaggioInternoR {font-style:italic; font-weight:normal;}
.icoMessaggioInterno {display:block;width:5px;height:5px;background-color:#dde7f0;float:left;margin-left:4px;margin-top:6px;}
.titoloMessaggioInterno {float:left;display:block;margin-left:5px;}
/* .MsgNonLetto {color:#FF6600}
.MsgLetto {color:#003399;} */
.tabProblemoria {width:100%;border:1px solid #dde7f0;background:url(gradSbiancante.png) repeat-x;background-color:#eef2f6;}
.divRicercaPagUtente {display:block;width:98%;margin:auto;}
.txtRicercaAnagrafica 
{
    background-color: #FFFFFF; /* #F2F6FD; */
     padding:2px;
     height:22px;
     width:240px;
     border:0px solid #F2f2f2;
     /* margin-top:2px;
     margin-bottom:2px; 
     display:inline-block; */
}

 
 .tabLogin 
 {
  /*width:350px;margin:auto;      */
    -webkit-box-shadow: 0 0 20px 0 #BABABA;
    box-shadow: 0 0 20px 0 #BABABA;
    width: 400px;
    height: 218px;
    position: absolute;
    top: 150px;
    margin: 0px -200px;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.7);    
 }
 .tabLogin TD {padding-left:30px;padding-right:30px;text-align:center;}
 .tabLogin TD .lbl {text-align:left;}
 .tabLogin .tdPulsante {padding-bottom:30px;padding-top:10px;}
 .tabLogin .titoloTabSkin td {padding-bottom:10px;padding-top:10px;}
 .divAttivaLoginAutomatico {margin-top:10px;}
.tabMailing .divPiva {display:block;float:left; padding:1px;width:100%;}
.tabMailing .tdMostraAlertCliente {background-color:#ffd851;}
.tabMailing .tdMostraOpzioniAvanzate {background-color:#BED3E7;}
.tabMailing #tabsMailing {min-width:530px;}
.tabMailing .tabslide-tabs {min-width:530px;}
.tabMailing .tabslide-tab {min-height:230px;}
.tabMailing #divMappa {height:220px;position:relative;float:left}
.tabMailing #contenitoreSchede {padding:2px;}

#tabsMailing .tabslide-tabs {
    max-height: 500px;
    overflow: auto;
}

.tabMailing .tdElencoAvvisi {background-color: #fff;color: #ff0000;font-size: 1.1em;font-weight: bold;padding-top: 15px;padding-bottom: 15px;}
.tabMailing td {border: 0;}
.tabEmailAggiuntive td {
    border: 1px solid #d4d4d4;
}
.tabFiliali {background-color:#fff;}
.tabFiliali TD {border:0;border-bottom:1px solid #333;}
.tabFiliali .td5 {width:45px;}
.tabFiliali .toolbarPulsanti {border:0;padding:4px;}

.tabElencoMailing .divRagSoc, .tabElencoMailing .divTipologia {display:block;width:100%;float:left;overflow:hidden;box-sizing:border-box;}
.tabElencoMailing .divTipologia {color:#666666;padding-left:10px;}
.tabElencoMailing .divRagSoc {font-weight:bold;box-sizing:border-box;}
.tabElencoMailing .tdRagSoc {min-width:250px;}
.tabElencoMailing .tdColonnaLibera {min-width:200px;}
.tabElencoMailing .tdRecapiti {min-width:250px;}
.tabElencoMailing td {border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}



.tabEmailAggiuntive .trElencoContatti input {
    border: 0;
    padding-bottom: 6px;
    padding-top: 6px;
}
.tabEmailAggiuntive .tdFlag {width:74px;padding:0;}
.tabEmailAggiuntive .tdPulsanti {width:50px;}
.tabEmailAggiuntive .tdMobile, .tdFax, .tdSkype, tdInterno {width:100px;}
.tabEmailAggiuntive .tdEmail {width:150px;}
.tabEmailAggiuntive .trNuovoContatto, .trNuovoContatto input {background-color:#E5EDFC;}
.tabEmailAggiuntive .trHeaderContatti {background-color:#BED3E7;font-weight:bold;color:#050F34;}
.tabEmailAggiuntive .trNuovoContatto input {border:0;border-bottom:1px solid #6D84A2;}


.headerSuggestAnagrafica {padding-bottom:5px;padding-left:5px;border-bottom:1px solid #999999;font-size:10pt;}
.headerSuggestAnagrafica input[type="checkbox"] {margin-right:6px;}
.ricercaAnagraficaInMenu 
{
    width:96%;
    margin:0;
    padding:5px;
    border-radius:5px;
    margin-top:4px;
    margin-left:2%;
    margin-right:2%;
    border:0;                          
}

.combo-expand 
{
     background-color: rgba(255, 255, 255, 0.7);
     background-image: url('scrollbarArrowDown.png');
     background-position: right center;
     background-repeat: no-repeat;
     width:16px;
     height:90%;
     display:inline-block;     
     z-index:5;
     cursor:pointer;     
}

.ui-input-text .combo-expand {
    display: inline-block;
    z-index: 5;
    cursor: pointer;
    background-image: none;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    height: 80% !important;
}

.combo-expand-loading 
{ background: white url('jquery/images/ui-anim_basic_16x16.gif') right center no-repeat; height:16px;}

.ui-autocomplete-loading {
    background: url('jquery/images/ui-anim_basic_16x16.gif') no-repeat right 10px center!important;    
    opacity: .6;
}

.bloccoContabile-1 .btnDatiContabili {
    background-color: red;
    background-image: none;
    color: #ffffff;
    font-weight: bold;
}

.divPulsantiGestionale {margin-top:20px;padding:0;}
.divPulsantiGestionale .pulsGestionale {width:24%;box-sizing:border-box;}
.tabProspettoPratica td {font-size:1.2em;}
.tabProspettoPratica td  table td{padding:5px;border:0;}
.tabProspettoPratica .notFound {display: none;}

.suggestAnagrafica {min-height:60px!important;min-width:500px!important;padding-right:28px!important;z-index:999999!important;font-size:10pt!important;}
.suggestAnagrafica .buttonSuggest {position:absolute;top:2px;right:4px;box-sizing:border-box;width:24px;padding:1px!important;border:0!important}
/*.suggestAnagrafica a {border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;}*/
.suggestAnagrafica .repartoContatto {font-weight:bold;margin-right:5px;}
.suggestAnagrafica .riga_utente {background-color:#f0f0f0;}
.suggestAnagrafica .riga_contatto {background-color:#E4EDF4;}
.suggestAnagrafica .riga_pratica {background-color:#FDF7DE;}
.suggestAnagrafica .rigaSede {background-color:#F2FEE2;}
.suggestAnagrafica .lblRagSoc {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    font-weight: bold;
}
.suggestAnagrafica .lblCodmailing {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    font-weight: normal!important;
    font-size:.85em;
    margin-left: 0;
}
.suggestAnagrafica .codEsterno {
    background-color: #e2e2e2;
    padding: 2px 5px 2px 5px;
    border-radius: 8px;
    font-size: .9em;
}
.suggestAnagrafica .btnDeleteContatto {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    z-index: 9999999;
    background-image: url('cross-gray.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .3;
}

.suggestAnagrafica .btnDeleteContatto:hover {
    opacity: 1;
    background-image: url('cross.png') !important;
    cursor: pointer;
}


.divComboVaiPratica .suggestAnagrafica {font-size:12pt!important;}
.divComboVaiPratica .numTelefono {font-size:1.2em;}
.button 
{
    min-width:22px;
    min-height:22px;
    display:inline-block;
    cursor:pointer;
    border:1px solid lightGray;
    background-color:#F6F6F6;
    background-position:4px center;
    background-repeat:no-repeat;
    background-size: auto 16px;
    border-radius:4px;
    padding:0!important;
    margin:1px;
    background-image:url('punto.gif');
}

.buttonSmall
{
    width:18px;
    height:18px;
    min-width: 18px;
    min-height: 18px;
    background-position:center center;
    padding:0;
}

.iconOnly
{
    background-position:center center;
    background-repeat: no-repeat;
    border: 0;  
    background-color: transparent;
    /*padding:0;
    height:22px;
    width:22px;    */
}
.button .buttonText {padding:4px;padding-left:22px;display:inline-block;}

.iconOnly .buttonText {margin-left: -5px;}
.button input.buttonText {
    border: 0;
    background-color: transparent;
}

.faButton {
    padding: 4px;
    cursor: pointer;
    color: #006392;
    border-radius: 4px;
    margin-top: 3px;    
}

.faButton:hover {
    color:#e65c00!important;
    background-color: #ececec;
}
.faButton.fa-border {
    border-color: #D6D6D6;
    border-radius: 5px;
    padding: 6px;
    padding-top: 5px;
    background-color: #e7e8ecbf;
    color:#006392;
}
.faButton span {
    margin-left: 5px;
    font-weight: normal;
    font-family:Segoe UI,Helvetica,Arial, sans-serif;
    font-size: .95em;
    color:#020063;
    
}

.faButton label {
    margin-left: 5px;
    font-family: Segoe UI, Helvetica, Arial, sans-serif;    
    cursor: pointer;
}

.faBigButton {
    padding: 6px;
    cursor: pointer;
    color: #006392;
    border-radius: 4px;
    margin-top: 3px;    
    font-size: 1.6em;
}

.faBigButton.fa-border {
    border-color: #D6D6D6;
    border-radius: 5px;
    padding: 9px;
    padding-top: 7px;
    background-color: #f5f5f5;
    color:#006392;
}

.faBigButton span {
    margin-left: 10px;
    font-weight: normal;
    font-family:Segoe UI,Helvetica,Arial, sans-serif;
    font-size: .75em;
    color:#020063;
    
}

.wfTopToolbarButton {
    margin-left: 10px;    
    display: inline-block;
}

.wfTopToolbarButton .fas,
.wfTopToolbarButton .fab {
    font-size: 24px;
    color:#ffffff;    
    margin-top: 4px;
}
.wfTopToolbarButton .fas span,
.wfTopToolbarButton .fab span {
    font-size: 11pt;
    color:#ffffff;    
    font-family: 'Roboto Condensed', 'Quicksand', sans-serif;
}

.wfTopToolbarButton .fa-whatsapp {
    color: #60e333;
    font-size: 28px;
    margin-top: 2px;
}
.mainMenuWorkflow {
    margin-left: 2px;    
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.mainMenuWorkflow:hover {
    background-color: #ececec15;
}

.mainMenuWorkflow .btnMainMenuWF-Mobile {
    color:#ffffff;
    margin-top: 6px;
    margin-left: 4px;
}

.mainMenuWorkflow .btnMainMenuWF {
    font-size: 21px;
    color:#ffffff;    
}


.scrittaWorkflow {
    margin-right: 10px;
}

.scrittaWorkflow, .mainMenuWorkflow .fas span {
    font-size: 21pt;
    color:#ffffff;    
    font-family: 'Quicksand', sans-serif;    
}

.wfTopToolbarButton .faButton:hover {
    color:#f6feff!important;
    background-color: #ececec1a;
}

.mainMenuWorkflow .fas:hover {
    color:#ffffff;
}


.noIcon {background-image: none;}
.noIcon .buttonText {padding: 4px;}


.bigButtonX {
    display: inline-block;
    background-color: #fafafa;
    border-radius: 10px;
    border: 1px solid #cfcfcf;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.6em;
    padding: 20px;
    min-height: 50px;    
    transition-property: color, text-decoration, background, -webkit-text-decoration;
    transition-timing-function: ease-in;
    transition-duration: 250ms;
}

.bigButtonX:hover {
    background-color: #e9e9e9;    
    border-color:#c7c7c7;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 31%)
}

.bigButtonX .buttonText {
    padding-top:5px;    
    font-weight: 600;
    font-family: Alata, Quicksand, sans-serif;    
}


.bigButton {
    background-position:8px center;    
}

.bigButton .buttonText {
    font-size: 1.2em;
    padding-top:5px;
    padding-left:30px;
    padding-right:15px;
    padding-bottom:8px;
}

.lightButton {
    background-color: #ffffff;
}

.buttonDark,
.darkButton {
    background-color: #b0b0b0;    
    border-color: #959595;
    font-weight: bold;
}

.button:hover {
    background-color: #E6E6E6;
    border-color: #999;    
}

.toolbarExportWF {
    display: none;
    background-color:  rgba(255, 255, 255, .6);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 0, 0, .6);
    box-shadow: 0px 0px 3px 0px rgba(255, 0, 0, .6);
    position:absolute;
    top:1px;
    right:2px;
    display:none;  
    z-index: 999999;  
}

.toolbarExportWF:hover {
    background-color:  rgba(240, 240, 240, 1);    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .8);    
}
.toolbarExportWF .button {
    margin: 2px;
}

.wfCheckbox
{
    width:14px;
    height:14px;
    font-size: 11px;
    display:inline-block;
    background:url('checkboxUnchecked.png') center center no-repeat;    
}
.wfCheckboxChecked {background:url('checkboxChecked.png') center center no-repeat;}
.divInfoGenCliente {
    vertical-align: top;
}

.tagElement
{
    padding: 4px;
    font-size: .9em;
    padding-right: 20px;
    position: relative;
    border: 1px solid #cfcfcf;
    background: #d9d9d9;
    margin-right: 3px;
    display: inline-block;
    margin-bottom: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.tagElement .removeButton
{
    position: absolute;
    right: 4px;
    top: 6px;
    font-size: 1.1em;
    color: #524747;    
}

.tagElement .removeButton:hover
{
    color: rgb(207, 10, 10);    
}

.tagElementNoButton, .tagElementBase, .tagOnly, .baseTag {
    padding: 3px;
}

.totaliFiltrati .tagElement {
    padding: 5px;
}

.tagUtentePratica {
    background-color:#f8f9d3;
}

.tagElement .reparto {
    font-weight: bold;
    color: rgb(0, 105, 0);
}

.roundedTag, .roundedCorner, .roundedElement {
    border-radius: 9px;
}

.activeTag, 
.activeTag .bar {
    background-color:#ffc200!important;
    background-image: none!important;    
}
.miniTag {
    padding:2px;
    line-height: .9em;
    font-size: .9em;
}

.tabslidePrincipalePratica .tabslide-tab .tabslide-tab {
    overflow: visible;
}

#bloccoSchedePratica #elencoDocIntegrati {
    position: relative;
}

.checkboxChecked {background:url('checkboxChecked.png') center center no-repeat;width:14px;height:14px;display:inline-block}
.checkboxUnchecked {background:url('checkboxUnChecked.png') center center no-repeat;width:14px;height:14px;display:inline-block}

.divMessaggioFisso {
    background-color: #ececec;
    margin-top: 5px;
    border: 1px solid #e2e2e2;
}

.divTagsPredefiniti .tagElement {
    border: 0;
    border-radius: 9px;
    padding-left: 10px;
    padding-right: 10px;    
}


.splashMenu
{
    background-color:#f9f9f9;
    border:1px solid #d2d2d2;
    padding:0;
    padding-top:10px;
    position:absolute;
    top:100%;
    left:auto;
    right:0;
    z-index:6000;
    min-width:120px;
    font-size:1.1em;
    -webkit-box-shadow:  1px 2px 5px 0px rgba(0, 0, 0, 0.2);        
    box-shadow:  1px 2px 5px 0px rgba(0, 0, 0, 0.2); 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.splashMenuLeft {
    left:0!important;
    right:auto!important;   
}
.splashMenuRight {
    right:0!important;
    left:auto!important;    
}

.menuList
{ display:block;
list-style-type:none;
list-style-position:inside;
list-style-image: none;
margin:0;
padding:0;
min-width:180px;
}
.menuList li
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: url('icon-next.png') 5px center no-repeat;
    background-size: 16px auto;
}


.menuList li:hover, .menuList .menuSection:hover,
.splashMenu li:hover
{
    background-color:#ADDDFD;    
}

.menuList
{
    padding-top:5px;
    padding-bottom:10px;
    max-height:500px;
    overflow:auto;    
    box-sizing:border-box;
}


.menuList li a
{
    display:block;
    width:100%;
    height:100%;
    padding:6px;
    padding-left:40px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    text-align:left;    
    font-weight:normal;
    color:#000;
    font-size:1em;
    font-weight:normal;
    box-sizing:border-box;
}
.menuList li a:visited, .menuList li a:hover {color:#000;}


.menuList .separator, .menuList .separator a {background-image:none;cursor:auto;}
.menuList .separator {border-top:1px solid #D6D6D6;margin-top:4px;height:4px;width:80%;margin-left:10%;}
.menuList .separator:hover, .menuList .separator a:hover {background-color:inherit;}

.menuList .menuTitle, .menuList .menuTitle a {background-image:none;cursor:auto;}
.menuList .menuTitle, .menuList .menuTitle:hover {
    background-color: #e2e2e2;
    text-align: center;
    margin-top: -5px;
    padding: 4px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: .9em;
}



.pin {background-image:url('unpin.png');}
.pinOn {background-image:url('pin.png');}
.icon-fullscreen {background-image:url('application_view_xp.png')!important;}
.icon-fullscreen2 {background-image:url('fullscreen16.png')!important;}
.icon-qr, .icon-qrcode {background-image:url('qrCode.png')!important;}
.icon-barcode, .icon-barcodeScan {background-image:url('barcode_scanner.png')!important;}
.icon-bd {background-image:url('bdIco16.png')!important;}
.icon-layoutV {background-image:url('layoutV.png')!important;}
.icon-layoutO, .icon-layoutH {background-image:url('layoutH.png')!important;}
.icon-az, .icon-sort {background-image:url('font_go.png')!important;}
.icon-sort2 {background-image:url('sort.png')!important;}
.icon-map, .icon-mappa {background-image:url('mappa.png')!important;}
.icon-eye {background-image:url('eye.png')!important;}
.icon-add {background-image:url('add.png')!important;}
.icon-add2 {background-image:url('plus.png')!important;}
.icon-remove {background-image:url('remove-16.png')!important;}
.icon-cancella, .icon-gomma {background-image:url('eraser-16.png')!important;}
.icon-close {background-image:url('cross.png')!important;}
.icon-close-gray {background-image:url('cross-gray.png')!important;}
.icon-group,.icon-smista {background-image:url('group.png')!important;}
.icon-logout {background-image:url('door_in.png')!important;}
.icon-edit {background-image:url('editOggetto.png')!important;}
.icon-spam {background-image:url('spam24-2.png')!important;}
.icon-unpack, .icon-explode {background-image:url('unpack24.png')!important;}
.icon-view {background-image:url('eye.png')!important;}
.icon-preview {background-image:url('find.png')!important;}
.icon-search {background-image:url('find.png')!important;}
.icon-check {background-image:url('checkmark.png')!important;}
.icon-delete {background-image:url('cross.png')!important;}
.icon-delete2 {background-image:url('delete.png')!important;}
.icon-delete3 {background-image:url('cross_shield.png')!important;}
.icon-delete-gray, .icon-cancel {background-image:url('cross-gray.png')!important;}
.icon-print {background-image:url('printer.png')!important;}
.icon-print2 {background-image:url('printer-16.png')!important;}
.icon-success {background-image:url('success-16.png')!important;}
.icon-save, .icon-disk {background-image:url('disk.png')!important;}
.icon-email {background-image:url('envelope.png')!important;}
.icon-eml {background-image:url('mailUp.png')!important;}
.icon-clone {background-image:url('group.png')!important;}
.icon-clone2, .icon-sync {background-image:url('duplicapratica.png')!important;}
.icon-calendar {background-image:url('calendar.gif')!important;}
.icon-calendar32 {background-image:url('calendar32.png')!important;}
.icon-merge {background-image:url('layout_content.png')!important;}
.icon-layout {background-image:url('layout_content.png')!important;}
.icon-refresh {background-image:url('arrow-circle.png')!important;}
.icon-semaforo-r {background-image:url('semaforoR.png')!important;}
.icon-semaforo-g {background-image:url('semaforoG.png')!important;}
.icon-semaforo-b {background-image:url('semaforoB.png')!important;}
.icon-semaforo-v {background-image:url('semaforoV.png')!important;}
.icon-attach {background-image:url('attach.gif')!important;}
.icon-menu {background-image:url('menu-icon.png')!important;}
.icon-menu1 {background-image:url('Menu-icon16.png')!important;}
.icon-menu2 {background-image:url('menu-icon.png')!important;border: 0; background-color: transparent;}
.icon-menu3 {background-image:url('menu-icon48.png')!important;border: 0; background-color: transparent;}
.icon-lavoro {background-image:url('employee.png')!important;border: 0; background-color: transparent;}
.icon-menuwf {background-image:url('menuLines.png')!important;border: 0; background-color: transparent;background-size: 25px 25px; }
.icon-lock {background-image:url('lock.png')!important;}
.icon-link {background-image:url('add-link-16.png')!important;}
.icon-link2 {background-image:url('link.png')!important;}
.icon-connected {background-image:url('link.png')!important;}
.icon-disconnected {background-image:url('broken-link.png')!important;}
.icon-unlock {background-image:url('unlock.png')!important;}
.icon-dettagli {background-image:url('exclamation.png')!important;}
.icon-info {background-image:url('exclamation.png')!important;}
.icon-creapratica, .icon-accordion {background-image:url('ui_saccordion.png')!important;}
.icon-praticaIndividuata {background-image:url('ui_saccordion.png')!important;}
.icon-dollar {background-image:url('dollar.png')!important;}
.icon-dollar-light {background-image:url('dollar_T.png')!important;}
.icon-dollar-cross {background-image:url('dollarcross.png')!important;}
.icon-doc {background-image:url('text_align_justify.png')!important;}
.icon-blog {background-image:url('blog.png')!important;}
.icon-back {background-image:url('arrow_left.png')!important;}
.icon-user {background-image:url('user.png')!important;}
.icon-arrow-up {background-image: url('arrow-small-up.png');}
.icon-arrow-down {background-image: url('arrow-small-down.png');}
.icon-user-change {background-image:url('xfn-friend-met.png')!important;}
.icon-user-offline {background-image:url('userOffline.png')!important;}
.icon-user-small {background-image:url('user_small.png')!important;}
.icon-tooltip, .icon-chat {background-image:url('comment.png')!important;}
.icon-tag {background-image:url('tag_blue.png')!important;}
.icon-clessidra {background-image:url('icon-clessidra.png')!important;}
.icon-tooltipVerde {background-image:url('commentVerde.png')!important;}
.icon-tooltipRosso {background-image:url('commentRosso.png')!important;}
.icon-fulmine {background-image:url('lightning.png')!important;}
.icon-fax {background-image:url('printer.png')!important;}
.icon-sms {background-image:url('phone.png')!important;}
.icon-rispondi {background-image:url('mail-forward.png')!important;}
.icon-inoltra {background-image:url('mail-forward-all.png')!important;}
.icon-star {background-image:url('update2.png')!important;}
.icon-star-on {background-image: url('star-on.png') !important;}
.icon-star-off {background-image: url('star-off.png') !important;}
.icon-bell, .icon-campana {background-image: url('bell.png') !important;}
.icon-bell-add, .icon-campana2 {background-image: url('bellAdd.png') !important;}
.icon-accept {background-image:url('accept.png')!important;}
.icon-evadi {background-image:url('accept-blue.png')!important;}
.icon-folder {background-image:url('nuovotab.png')!important;}
.icon-editfolder {background-image:url('mail_server_setting.png')!important;}
.icon-punto {background-image:url('punto.gif')!important;}
.icon-previous {background-image:url('icon-previous.png')!important;}
.icon-next {background-image:url('icon-next.png')!important;}
.icon-dropbox {background-image:url('dropbox.png')!important;}
.icon-excel {background-image:url('ico_excel16.png')!important;}
.icon-settings, .icon-impostazioni {background-image:url('gear--arrow.png')!important;}
.icon-telegram {background-image:url('extensions/telegram.png')!important;background-size: 20px!important;}
.icon-scontrino {background-image:url('receipt.png')!important;background-size: 16px;}
.icon-shipment, .icon-ship {background-image:url('shipment.png')!important; background-size: 21px!important;}
.icon-shipment2, .icon-ship2 {background-image:url('shipment2.png')!important; background-size: 21px!important;}
.icon-telegram .buttonText {padding-left: 26px;}
.icon-none, .no-icon { background-image: none!important;}
.bigIcon {
    background-size: 28px;
    min-width: 28px;
    min-height: 28px;
}

.bigIcon:hover {
    background-color: transparent!important;
    border-color: transparent;
}


.icon-none .buttonText,
.no-icon .buttonText {
    padding-left: 5px;
}








.placeholder 
{
    font-style:italic;
    color:#999;
}

.etichettaToolbarPratica {
    font-size: 1.3em;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  /*border-width: 0 0 100px 200px;*/
  opacity: 0;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

.progress 
{
    display:inline-block!important;
    margin:2px;     /** non aggiungere z-index, altrimenti non posso mostrare menu su questi elementi ***/
    /*width:100px!important; */
    height:24px !important;     
    color:#fff!important;
    display:inline-block;
    position:relative;    
    cursor: pointer;
}
.progress .bar
{
    display:block;
    top:0;
    left:0;
    height:100%;
    background-color:#3474d2;
    border-radius:4px;
    z-index:2;
    position:absolute;    
    width:100%;
}

.progress .cancelupload
{
    display: block;
    top: 4px;
    right: 1px;
    height: 12px;
    width: 12px;
    background: url(xSmall.png) no-repeat center center;
    z-index: 4;
    cursor: pointer;
    position: absolute;
    background-color: #e2e2e2;
    line-height: 6px;
    border: 1px solid #878787;
}

.progress .text
{
    display:block;
    box-sizing:border-box;
    /*top:0;
    left:4px;
    right:15px;
    height:100%;*/
    padding:2px;
    padding-top: 4px;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
    z-index:3;
    padding-right:15px;
    max-width:300px;
}

.numTelefono 
{
    display:inline-block!important;
    background-color:green!important;
    color:#fff!important;
    padding: 0px 5px 0px 5px!important;
    border-radius:12px;    
    cursor:pointer;
    width: auto!important;
    z-index: 9999;
}

.num,
.rightAlign,
.alignRight,
.colNumeric,
.numeric,
.numDec {
    text-align: right;
}

.divComboVaiPratica .suggestAnagrafica {max-height:500px!important;}

.menuCambioUtente 
{
    width:250px;
    overflow:auto;
    max-height:500px;
}
.menuCambioUtente li {height:25px;}
.menuCambioUtente .separator {height:15px;font-size:.9em;font-weight:bold;padding-left:5px;margin-top:10px;box-sizing:border-box;}

.imgNewVersion {width:18px;height:18px;background-image:url('update2.png');position:absolute;top:1px;right:1px;}

.stampaAppuntamenti {padding-top:20px;}
.stampaAppuntamenti .spacer {display:inline-block;}
.stampaAppuntamenti .appuntamento {font-size:1.2em;border-left:1px solid #666;border-right:1px solid #666;display:block;float:left;width:100%;box-sizing:border-box;}
.stampaAppuntamenti .titoloGiornoAppuntamento {font-size:1.3em;margin-top:10px;font-weight:bold;border-top:1px solid #666;border-left:1px solid #666;padding-left:4px;border-right:1px solid #666;background-color:#dcdcdc;display:block;float:left;width:100%;box-sizing:border-box;}
.stampaAppuntamenti .fineGiornoAppuntamento {font-size:0.5em;border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #666;display:block;float:left;width:100%;box-sizing:border-box;}
.stampaAppuntamenti .utenteEvento {border:0!important}

.divElencoVociSegnalatore .tagElement, .dettagliSegnalatore .tagElement {background-color:#B9E922}
.divSegnalatore {max-width:500px;position:relative;margin-bottom:5px;}


.divSegnalatore .descrizione {margin-right:40px;display:inline-block}
.dettagliSegnalatore .vociSegnalatore, 

.dettagliSegnalatore .vociSegnalatore {width:60%;vertical-align: top;}
.dettagliSegnalatore .valoriSegnalatore 
{
    text-align:right;
    font-weight:bold;
    border-left:1px solid #f2f2f2;
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%); /* W3C */
}

.dettagliSegnalatore .valoreRiferimento {font-size:1.5em;}
.dettagliSegnalatore .valoreAttuale {font-size:1.3em;}
.dettagliSegnalatore .valoreSoglia {color:#462AB8;margin-bottom:5px;}
.vociSegnalatore .divValore {font-size:1.3em;}
/*.divStatusSegnalatore {font-weight:normal;} */
.divStatusSegnalatore .lbl {display:none;}
.divStatusSegnalatoreA {color:red;}



.appuntamentoPratica .oraAppuntamento{font-weight:bold;padding-right:5px;}
#tabVerificaPiva TD {font-size: 1.2em;padding: 8px;}
TD.pivaNonValida, .pivaNonValida {
    border: 1px solid red;
    padding-right: 22px!important;
    background-image: url('cross_shield.png');
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
}
TD.pivaValida, .pivaValida {
    padding-right: 22px!important;
    background-image: url('accept.png');
    background-position-x: 95%;
    background-position-y: center;
    background-repeat: no-repeat;
}

TD.pivaNonValidaCE, .pivaNonValidaCE {
    background-image: url('accept-blue.png');    
}

.divFilterInput {
    height:48px;
    font-size:11px;
}

.filterInput {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(pen16.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 20px;
}
.tdTotaliFiltrati {padding:4px;}




/* ************* Gestione attività ***************************************** */
/*  attività ****************** */
#scrollerAttivita {margin: 0;padding: 0;}
#contentAttivita {position: relative;width:100%;height: 100%;margin: 0;padding: 0;}
#contentAttivita #newAttivita, #scrollerMessaggiInterni #tbMessaggiInterni {
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #D5D5D5;
    padding-top: 3px;
    padding-bottom: 5px;
    box-sizing:border-box;
}

#contentAttivita #elencoAttivita, #scrollerMessaggiInterni #contentMessaggiInterni {
    display: block;
    position: absolute;
    top:40px;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto;    
    box-sizing:border-box;
}
#scrollerMessaggiInterni #tbMessaggiInterni {height: 60px;}
#scrollerMessaggiInterni #contentMessaggiInterni {top: 60px;}

#contentAttivita .txtNewAttivita
{
    border: 0;
    padding: 5px;
    width: 120px;
    float: none;
    margin-top:3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.divAttivita .divPulsantiAttivita
{
    width: 140px;
    float: right;
    text-align: right;
    margin-right: 5px;
    box-sizing: border-box;
}

.rigaAttivita {
    padding:5px;
    margin:2px;
    border-bottom:1px solid #d2d2d2;
    background-color:#FFF424;
    border-radius:4px;
    border:1px solid #d2d2d2;    
    display: inline-block;
    cursor:pointer;
    position: relative;    
}
.rigaClienteAttivita,
.rigaScadenzaAttivita {
    display: inline-block;
    margin-right: 10px;
}

.elencoAttivita .rigaAttivita {
    background-color: #f6f6f6;
    border: 0;
    border-bottom:1px solid #d2d2d2;
    background-color:#FFFFFF;
    border-radius:0;
    display: list-item;    
}

.page_printcontent_asp .rigaAttivita {
    padding: 5px;
    margin: 5px;
    background-color: transparent;
    border: 1px solid #d2d2d2;
    display: block;
    position: relative;
}

@media screen and (min-width: 1201px) {
    .divAttivita .divPulsantiAttivita {  width: auto; display: inline-block; }
    .divAttivita .txtNewAttivita {  width: 35%;  float: none;display: inline-block;margin-right: 10px;}
}

.attivitaConModifiche {padding-right: 18px!important;}

.rigaAttivitaN
{
    font-weight: bold;
}

.rigaAttivita:hover
{
    background-color: #f1f5f8;
}

.rigaAttivita .icon
{
    position: absolute;
    left: 0;
    top:15%;
    z-index:10;
}
.rigaAttivita .iconDelete, .rigaAttivita .iconNew {right:0px;left:auto;}
.rigaAttivita .clienteAttivita {color:#F50000;display: inline-block;margin-right: 10px;}
.rigaAttivita .testoAttivita {padding-top: 4px;padding-bottom: 4px;}
.divAttivita .scadenzaAttivita {
    font-size: .9em;
    color: #0035ff;
    display: inline-block;
}
.elencoAttivita .attivitaScaduta {
    background-color:#ffdd00;
    padding: 2px;
    border-radius: 5px;
}

.txtEditTitoloAttivita
{
    width: 100%;
    height: 24px;
    padding:4px;
    box-sizing:border-box;
}

.txtEditTitoloAttivita .dataSelect {
    width:76px;
}

.txtEditContenutoAttivita
{
    border:0;    
    height:100%;
    width:100%;
    box-sizing:border-box;
    display:block;
    overflow:hidden;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
}


.appuntamentoPratica, .spanPromemoriaPratica .rigaAttivita {padding:4px;margin-right:2px;margin-bottom:2px;background-color:#EBF0F5;border-radius:4px;border:1px solid #d2d2d2;}


.divEditAttivita .riga {border:0;padding-left: 0;padding-right: 0;padding-bottom: 10px;padding-top: 0;}

.txtMailingAttivita {width:250px;}

.lblContenutoAttivita
{
    padding-top: .5em;
    display: inline-block;
}

.pulsantiAttivita
{
    /* position: absolute;
    left: 1em;
    right: 1em;
    bottom: 3px; */

    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(214, 214, 214, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(214, 214, 214) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(214, 214, 214) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(214, 214, 214) 100%);
    padding: 5px;
}

.pulsantiAttivita .button, .pulsantiAttivita .inlineBlock
{
    margin-right: .5em;
}

.pulsantiAttivita .pulsanteElimina {float: right;}

.clicker
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background:url('../pixel.gif');
    right: 0px;
    z-index: 5;
}


.divEditAttivitaB2 .rte-zone {height:100%;box-sizing:border-box;overflow:hidden;}
.divEditAttivitaB2 .rte-toolbar {position:absolute;top:-24px;left:0;width:100%;overflow:hidden;height:24px;}


.spanPromemoriaPratica .rigaAttivita {background-color:#FFFF1F;color:#000;}
.divAlertAttivitaCliente .rigaAttivita {
    display: inline-block;
    padding: 6px;
    background-color: #fffff8;
    color: #000;
    border: 1px solid #ddd;
}

.utenteAttivita {
  padding: 5px;
  font-size: .9em;
  padding-right: 20px;
  position: relative;
  border: 1px solid #d2d2d2;
  background: #f2f2f2;
  margin-right: 3px;
  display: inline-block;
  margin-top: 2px;
  border-radius: 2px;
}

.utenteAttivita a
{
    position: absolute;
    right: 2px;
    top: 3px;
    font-size: .8em;
    border: 1px solid #d2d2d2;
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #000;
    background-color: #f9f9f9;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.utenteAttivita a:hover
{
    background-color: #999;
    color: #fff;
}

.attivitaUtenteCompleta {background: green;color:#fff;}


.divAlertCliente {
    position: fixed;
    top: 42px;
    margin-left: 2px;
    min-width: 500px;
    min-height: 100px;
    display: block;
    z-index: 15;
    padding: 15px;
    background-color: #fff;
    padding-top: 6px;    
    border: 1px solid #ddd;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .3);
}

.divAlertCliente .titolo {margin-bottom: 20px;margin-top: 4px;text-align: center;font-size: 1.2em;}
.divAlertCliente .buttonClose {
    cursor: pointer;
    position: absolute;
    top:6px;
    right: 6px;    
}




/* ********* chat ******************/
.chatContainer {padding: 0px;box-sizing: border-box;}

.wfChat {
    box-sizing:border-box;
    vertical-align:top;
    position:relative;
    width:100%;
    height:100%;
}
.divChatUp {
    height: 85%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.divChatDown {
    height: 15%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.chatContent {
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    overflow: auto;
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    bottom: 10px;
    padding: 10px;
}
.chatUsers {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0px;
    width: 80%;
    max-width: 400px;
    display: none;
    overflow: auto;
    background-color:#ffffff;
    -webkit-box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, .3);
    box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.wfChat .divTopToolbar {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    display: block;
    overflow: auto;    
    background-color: #fff;
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
    padding: 5px;
    border: 0;    
}
.defaultHidden {
    display: none;
}
.chatActiveUsers .titoloTabSkin {display: none;}

.chatOnlineUser {
    border-bottom:1px solid #d2d2d2;
    font-weight:bold;
    width:100%;
    padding: 10px;
    cursor: pointer;
    box-sizing:border-box;
}
.chatOnlineUser:hover {background-color: #D4EEF0}
#chatUsers, #chatActiveUsers, .chatContent {padding:5px;}

.rigaChat {vertical-align: top;margin-bottom: 15px;}
.rigaChat .dettMittente {display: inline-block;vertical-align: top;}
.rigaChat .messaggioChat {display: inline-block;vertical-align: top;margin-left: 10px;}
.mittenteMessaggioChat {font-weight: bold;display: block;width: 100%;}
.oraMessaggioChat {font-style: italic;font-size: .8em;display: block;width: 100%;}
.chatUserStatus2 {color:#999;font-style: italic;font-weight: normal;}
.chatUserStatus3 {color:red;font-style: italic;font-weight: normal;}
.chatUserStatus0 {color:#d2d2d2;font-style: italic;font-weight: normal;}



.page_chat_asp .divCorpoPagina {
  padding: 0;
  width: 100%!important;
  height: 100%;
  margin: 0;
}
.page_chat_asp #pnlPageContent {
  padding: 0;
  width: 100%!important;
  height: 100%;
  margin: 0;  
  box-sizing: border-box;
}

.dataError, .dataAlert {display: block;width: 100%;box-sizing:border-box;padding: 5px;font-size: 1.2em;color:blue;padding-left: 25px;background:url('semaforoG.png') left center no-repeat;}
.dataError {font-size: 1.3em;color:red;font-weight: bold;background:url('semaforoR.png') left center no-repeat;}

.wfColor0, .wfColor {background-color: #eeeeee;}
.wfColor1 {background-color: #FFFADB;}
.wfColor2 {background-color: #E1EBF5;}
.wfColor3 {background-color: #DDF0FF;}
.wfColor4 {background-color: #4F90D1; color:#ffffff; border-color:#4E5376;}
.wfColor5 {background-color:rgb(18, 113, 255);color:#ffffff; border-color:#4E5376;}

.wfGrayColor1 {background-color: #f8f8f8;}
.wfGrayColor2 {background-color: #f0f0f0;}
.wfGrayColor3 {background-color: #eaeaea;}


.wfForeColor1 {color:#0d0f1b;}
.wfForeColor2 {color:#063158;}
.wfForeColor3 {color:#044374;}
.wfForeColor4 {color:#16599c;}
.wfForeColor5 {color:#2d82d1;}
.wfForeColor6 {color:#0132b1;}
.wfForeColor7 {color:#8800ff;}
.wfForeColor8 {color:#8c0e00;}

.wfForeColor1:hover,
.wfForeColor2:hover,
.wfForeColor3:hover,
.wfForeColor4:hover,
.wfForeColor5:hover {
    color: #eb8603;
}

.minicolors-swatch, .minicolors-swatch SPAN {
    width: 14px!important;
    height: 14px!important;
    border-radius: 50%;
}
.miniLoader .titoloPreImmagine {
    font-size: 10px;font-style: italic;
}

.fullScreen {position: fixed!important;
    top:0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    display: block!important;
    overflow: auto;
    z-index: 333;
    background-color: #fff;
}
.exitFullScreen {
    position: fixed!important;
    top:12px!important;
    left: 12px!important;
    display: block!important;
    z-index: 9999999;
    opacity: .8;
    -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .2);
}
.exitFullScreen:hover {opacity: 1;}
.fullScreen .autoFullScreen {display: none!important;}
.cke_dialog_ui_input_textarea {width: 100%!important;min-width: 900px;}
.hidden, .printOnly {display: none;}


.userStatus {
    display: block;
    float: right;
    margin-right: 4px;
    margin-left: 4px;
    margin-top: 6px;
    background-color: rgb(255, 255, 255);
    background-position: 95% center;    
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 14px;
    color:#000;
}

.linkReLogin {
    margin: 0;
    background-color: #fff;
    border: 0;
    border-radius: 12px;
    color:#000;
}
.linkReLogin:hover {background-color: #fff;}
.userStatus .buttonText {padding-left: 6px;padding-right: 28px;max-width: 160px;max-height: 15px;overflow: hidden;}
.bloccoCambiaStatusOperatire {display: none;}

.statusUtente {width:10px;height:10px;z-index:5000;position:absolute;right:5px;top:5px;background-color:#e2e2e2;border-radius: 50%;}
.statusUtenteOffline {background-color:red;}

#wfClientStatus {
    position: absolute;
    right: -25px;
    top: 8px;
    display: block;
    width: 22px;
    height: 22px;
    opacity: .5;    
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.clientConnected {
    opacity: 1!important;
    background-image: url('link-24.png') !important;
}
.clientDisconnected {
    opacity: .5!important;
    background-image: url('broken-link-24.png') !important;
}


.bloccoNotifiche .iconaEmailInUscita {
    background-color: #FFFFC8;
    color: #000;
    border: 2px solid #FFFFC8;
    margin-top: 5px;
    border-radius: 30px;
    width: 70px;
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0px;
}
.bloccoNotifiche .iconaEmailInUscita .buttonText {
    display: inline-block;
    min-width: 12px;
    font-size: 1em;
}
.bloccoNotifiche .iconaEmailInUscita .progressInvio {
    display: inline-block;    
    color: red;
}

.mainInfoCliente_full {max-width: 900px;}

.divLogAzioniWF .riga .inlineBlock {box-sizing: border-box;vertical-align: top;padding: 5px;}
.divLogAzioniWF .riga .divData {width: 13%;}
.divLogAzioniWF .riga .divAzione {width: 10%;}
.divLogAzioniWF .riga .divOggetto {width: 12%;}
.divLogAzioniWF .riga .divIdOggetto { width: 6%;}
.divLogAzioniWF .riga .divUtente {width: 15%;}
.divLogAzioniWF .riga .divNote {width: 44%;max-height: 30px;overflow: hidden;}
.divLogAzioniWF .riga .divNote .titoloGrande {display: none;}
.divLogAzioniWF .riga .divNoteExpanded {
    max-height: 200px;
    overflow: auto;
}
.divLogAzioniWF .riga .divNoteExpanded .titoloGrande {
    display: block;
}
.divLogAzioniWF .riga_elimina {background-color: #ff0000;}

.page_go .aniDialog-maximized .aniDialog-title {display: none!important;}
.page_go .aniDialog-maximized .aniDialog-content {top: 0!important;}

.schedaOperatore .tabslide-buttons_bloccoSchedeAnagrafica {display: none;}
.tabDettagliDipendente .lbl {width: 180px;}
.tabDettagliDipendente .separatore {
    height: 30px;
    display: block;
    background-color: #eaeaea;
    font-weight: bold;
    text-align: center;
}

.tabElencoPratiche .infoAperturaPratica {font-size: .9em;max-width: 500px;}
.tabElencoPratiche .dtUltimaOperazione {font-size: .9em;font-style: italic;}
.tabElencoPratiche .riga:hover {
    background-color: #efefef;
}
.divChiaviNotifiche {background-color: #fff;font-size: .9em;}
.divChiaviNotifiche .keyV {width: 150px;white-space: nowrap;}
.divChiaviNotifiche .tipoApp {width: 80px;color: navy;}
.divChiaviNotifiche .device {width: 250px;color: navy;}
.divChiaviNotifiche .notificheInviate, .divChiaviNotifiche .errori {width: 90px;}
.divChiaviNotifiche .cosaNotificare {width: 240px;}
.divChiaviNotifiche .riga {padding:2px; }
.divChiaviNotifiche .riga .inlineBlock {height: 35px;vertical-align: top;line-height:16px;}
.divChiaviNotifiche .riga div {margin-right: 4px;overflow: hidden; }
.divChiaviNotifiche .rigaIntestazione {font-weight: bold;color:#000;}
.divChiaviNotifiche .rigaIntestazione .tipoApp, .divChiaviNotifiche .rigaIntestazione .device {color: #000;}

.toolInfoMark {background-image:url('angolinoVerdeSx.png'); background-repeat:no-repeat;background-position:left top;}
.toolHoverMark {background-image:url('angolinoRosso.png'); background-repeat:no-repeat;background-position:left top;}

.page_go .elencoCartelle .button,
.page_go .mainDivEditCartelle .minicolors,
.page_go .mainDivEditCartelle .icon-edit,
.page_go .mainDivEditCartelle .div1 {
    display: none!important;
}

.rigaServiziAbilitati .lbl {min-width: 300px;}
.privacyTitle {font-size: 1.5em;color:#ffffff;padding: 6px;}

input.livelloPassword0,
input.livelloPassword1
{
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(255, 0, 4, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(255, 0, 4, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 77%, rgba(255, 0, 4, 1) 100%);
}


input.livelloPassword2,
input.livelloPassword3    
{
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(255, 148, 0, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(255, 148, 0, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 77%, rgba(255, 148, 0, 1) 100%);
}

input.livelloPassword4,
input.livelloPassword5    
{
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(0, 163, 27, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 77%, rgba(0, 163, 27, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 77%, rgba(0, 163, 27, 1) 100%);
}

.page_asp_sms-sms_asp {
    font-size: 12pt;
}

.page_asp_sms-sms_asp input,
.page_asp_sms-sms_asp select {
    font-size: 12pt;
    padding: 2px;
}

.toolClick {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
    background-image: url(icon_help_mini.png);
    background-repeat: no-repeat;
    background-position: left top;
    opacity: .4;
}
.toolClick:hover {
    /*background-color: orange; */
    cursor: pointer;
    opacity: 1;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-bottom-right-radius: 6px;
}

#logoContainer {position: relative;}
#logoContainer .removeButton {
    display:block;
    top:2px;
    right:2px;
    height:10px;
    width:10px;
    background:url('xSmall.png') no-repeat;
    z-index:4;
    cursor:pointer;
    position:absolute;
}
.ui-menu .contattoAzienda {
    padding-left: 15px !important;
    position: relative;
    box-sizing: border-box;
}

.trend-up {
    background-image: url('arrow-small-up.png');
    background-position-x: 1px;
    background-position-y: center;
    background-repeat: no-repeat;
}
.trend-down {
    background-image: url('arrow-small-down.png');
    background-position-x: 1px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.openNewWin {
    background-color: #fff2c6;
}

.codClienteAS400 {
    font-weight: bold;
    color: green;
}
.codFornitoreAS400 {
    font-weight: bold;
    color: blue;
}

.divIframePDF {
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 15px;
    right: 15px;
    width: auto;
    margin: auto;
    text-align: center;
    background-color: #ececec;
    border: 1px solid #333;
    padding: 10px;
    box-sizing: border-box;
}

.currentMapMarker {
    font-weight: bold;
    color: blue;
}

.userSU {
    color: #ff0000 !important;
    font-weight: bold;
}

.page_telegram_asp .mainDivPagina,
.page_telegram_asp .divCorpoPagina {
    background-color: #f7f7f7;
}

.page_telegram_asp .divConBordi {
    background-color: #ffffff;    
}

.divMainTelegram .divNumeroAssociato .val {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}
.divMainTelegram .statusInterfaccia {
    font-size: .9em;
    padding: 5px;
    background-color: #dfeff9;
    border: 1px solid #a7a7a7;    
}
.divMainTelegram .divContainer {
    border: 1px solid #a7a7a7;
    background-color: #ffffff;
    padding: 10px;
    border-top: 0;
}
.divMainTelegram .divContainer .riga {
    padding-bottom: 7px;
    padding-top: 7px;
}



.mainLogTelegram {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
}

.mainLogTelegram .titoloTabSkin {
    text-align: left;
}
.mainLogTelegram .riga .inlineBlock {
    max-width: 200px;
    text-align: left;
    vertical-align: top;
    margin-right: 5px;    
}
.mainLogTelegram .divMessaggio {
    max-width: 400px;
    min-width: 200px;
    width: 300px;
    overflow: auto;    
}

.mainLogTelegram .divData,
.mainLogTelegram .divDA {
    width: 120px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

.mainLogTelegram .divCanale {
    width: 130px;
    max-width: 150px;
    min-width: 50px;
    overflow: auto;
}

.mainLogTelegram .riga .loader {
    background-color: rgb(242, 242, 242);
    border: 1px solid #BDBDBD;    
}

.mainLogTelegram .riga .loader .divNome {
    font-weight: bold;
}



.lblGraficoWF {font-family: "Lucida Grande", "Lucida Sans Unicode";padding:0;}
.lblGraficoWF span {display: inline-block;padding:5px;background-color: #d6d6d6;font-size: 15px;font-weight: normal;padding-left: 10px;padding-right: 10px;color: #fff}
.wfWidget {
	min-width: 400px;
	min-height: 380px;
	/*float: left;*/
	padding: 5px;
	box-sizing:border-box;
	vertical-align: top;
}
.wfWidget .divAzioniGraficoBI .inlineBlock {
	margin-left: 0;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.divGraficoWF {
	border: 1px solid #d6d6d6;
	padding: 10px;	
	width: 100%;
	min-height: 320px;
	box-sizing:border-box;
	padding-bottom: 5px;

}

.divBloccoGraficoWF {
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	padding: 10px;	
	width: 100%;
	box-sizing:border-box;
	padding-bottom: 5px;

}

.divAzioniGraficoWF {
	border: 1px solid #d6d6d6;
	border-top: 0;
	padding: 10px;	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	min-height: 26px;
	background-color: #F0F0F0;
}



.divSelezionaFlussoPratica .tagElement {
    cursor: pointer;
}

.mainDivInformazioniDocumenti {
    display: block;
    width: 100%;
    height: 100%;
    padding:0;
    box-sizing: border-box;
}

.mainDivInformazioniDocumenti .divElencoDocumenti {
    display: block;
    width: 25%;
    float: left;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
    background-color: #f5f5f5;
}

.mainDivInformazioniDocumenti .divPreviewDocumento {
    display: block;
    float: left;
    width: 75%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #858585
}
.mainDivInformazioniDocumenti .divElencoDocumenti .documento {
    background-color: #ffffff;
    margin:2px;
    cursor: pointer;
}

.mainDivInformazioniDocumenti .divElencoDocumenti .documentoAttivo {
    background-color: #b0f4fd;    
}



.zoomPreview {
    zoom: .75!important;
}

.loaderPratiche .rigaPratica {
    min-height: 65px;
}

.loaderPratiche .rigaPratica:hover {
    background-color: #DDF0FF;
}

.loaderPratiche .rigaPratica .divConPadding {
    padding: 2px;    
}

.loaderPratiche .rigaPratica .numPratica {
    display: inline-block;
    vertical-align: top;
    min-width: 15px;
    text-align: center;
    border-radius: 5px;
    background-color: #e6e6e6;
    border: 1px solid #999999;
    color: #000000;
    font-size: 13px;
    line-height: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    margin-top: 3px;
}


.loaderPratiche .rigaPratica {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.loaderPratiche .rigaPratica .divCliente {
    vertical-align: top;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2em;
}
.loaderPratiche .rigaPratica .oggettoPratica {
    font-size: 1.2em;
    max-height: 100px;
    overflow: auto;
}

.loaderPratiche .rigaPratica .utenteApertura {
    font-size: .7em;
    font-style: italic;
}

.loaderPratiche .rigaPratica .rigaRichiesta {
    font-style: italic;
    max-height: 70px;
    overflow: hidden;
    font-size: .9em;
}


.rigaRichiestaPratica {
    display: block;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
}

.divPlafond {
    margin-top: 10px;
    max-width: 500px;
}

.barraPlafond {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(206, 206, 206);
    border-radius: 3px;
}

.barraProgressione {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 20px;
    padding: 0;
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(206, 206, 206);
    border-radius: 3px;
    text-align: center;
}

.barraProgressione .barra {
    display: block;
    background-color: #80d282;
    border-radius: 3px;
    height: 20px;
}

.barraProgressione .label {
    font-size: .8em;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}
.mainInfoCliente .divContatore {
    min-height: 30px;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;    
    margin-bottom: 10px;
    min-width: 120px;
}

.mainInfoCliente .divContatorePraticheAperte:hover {
    cursor: pointer;
    background-color: var(--wfBgColorHover);
}

.mainInfoCliente .divAttivita:hover {
    cursor: pointer;
    background-color: var(--wfBgColorHover);
}

.mainInfoCliente .divContatore .lbl {
    font-size: 1em;
    line-height: 1em;
    font-variant: all-small-caps;
    font-weight: 500;

}
.mainInfoCliente .divContatore .val {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    display: block;
}

.iconSaldoPlafond {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ebebeb;
}

.saldoPlafondPositivo {
    background-color: #00a838;
}

.saldoPlafondNegativo {
    background-color: #ff0000;
    width: 100% !important;
}

.saldoPlafondZero {
    background-color: #1f9a00;
}

#divRisultatiRicercaPratiche .iconSaldoPlafond {
    display: block;
    width: 6px;    
    height: 6px;    
}

.mainContainerFlussi {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}

.mainContainerFlussi .toolbarFlussi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
}

.mainContainerFlussi .divEditorFlusso {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
}

.mainContainerFlussi .divFlusso {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    width: 75%;
    overflow: auto;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    background-color: #f3f3f3;
}

.mainContainerFlussi .divProprieta {
    position: absolute;
    top: 0px;
    left: 75%;
    right: 0;
    bottom: 0;
    overflow: auto;
    vertical-align: top;
    box-sizing: border-box;
}


.field:invalid {
    border: 1px solid red;
}

.flowchart-operator {
    width: auto;
    min-width: 150px;
    max-width: 500px;
}

.flowchart-operator.selected {
    background-color: #fffbe0;
}

.flowchart-operator.selected .flowchart-operator-title {
    background-color: #fff6bd;
}

.flowchart-operator.bloccoInizio .flowchart-operator-title {
    background-color: rgb(59, 136, 59);    
    color: #ffffff;
}

.flowchart-operator.bloccoFine .flowchart-operator-title {
    background-color: rgb(151, 36, 36);
    color: #ffffff;
}

.divEditorFlusso .inputBlock,
.divEditorFlusso .outputBlock {
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px solid #b0b0b0;
    background-color: #ffffff; 
    border-radius: 4px;   
}

.divEditorFlusso .inputBlock input,
.divEditorFlusso .outputBlock input {
    border:0!important;    
}

.loaderFlussi {
    min-height: 760px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
    margin: 10px;
    background-color: #ffffff;
}

.processContainer {
    padding: 10px;
    text-align: center;
}

.processContainer div {
    text-align: left;    
    box-sizing: border-box;
}

.processContainer .processInfo {
    width: 100%;
    font-size: 1.4em;
    margin-bottom: 20px;
}

.processContainer .titoloFlusso {
    text-align: center;
}


.processContainer .operazione {
    display: block;
    border: 1px solid #BCD5E2;
    border-radius: 6px;
    background-color: #e8f6f9;
    margin: auto;
    min-height: 60px;
    min-width: 150px;
    max-width: 800px;   
    width: fit-content; 
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .1);
}
.processContainer .operazione .testoOperazione,
.processContainer .operazione .noteOperazione,
.processContainer .operazione .infoProcesso {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    font-style: italic;
}

.processContainer .operazione .lbl {
    display: inline-block;
    min-width: 60px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.processContainer .operazione .noteOperazione {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    font-style: normal;
    padding-bottom: 10px !important;
}
.processContainer .operazione .infoProcesso {
    max-height: 250px;
    overflow: auto;
    font-style: normal;
    font-size: 1.2em;
}

.processContainer .operazione .divCampo {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.processContainer .operazione .titoloOperazione {
    background-color: #0d6980;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 6px
}

.processContainer .operazione .titoloOperazione .titolo {
    padding-right: 10px
}


.processContainer .operazioneTipoInizio {
    background-color: #d7e8d3;
    border-color: #0f5c00;
    font-size: 1.1em;
    min-width: 500px;
    max-width: 900px;
}

.processContainer .operazioneTipoInizio .lbl{
    display: inline-block;
    min-width: 100px;    
}

.processContainer .operazioneTipoInizio .titoloOperazione {
    background-color: #0f5c00;
    color: #ffffff;
    font-size: 1.2em;
}

.processContainer .operazioneTipoFine {
    background-color: #dbdada;
    border-color: #972424;
}

.processContainer .operazioneTipoFine .titoloOperazione {
    background-color: #972424;
    color: #ffffff;
    font-size: 1.2em;
}

.divPreviewChecklist {
    margin-top: 2px;
    margin-bottom: 2px
}


.processContainer .operazione .divChecklistProcesso {
    margin: 5px;
    background-color: #f8f8f8;
    min-width: 500px;
    border-radius: 3px
}


.divPreviewChecklist .voceChecklist {
    vertical-align: top;    
    border-radius: 3px;
}

.divPreviewChecklist .voceChecklist .aliasVoce {
    padding: 2px;
    background-color: #d6d6d6;
    min-width: 50px;
    text-align: center;
}

.divPreviewChecklist .voceChecklist .valoreVoce {
    padding: 2px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 30px;
    background-color: #ffffff;
}

.divPreviewChecklist .voceChecklistTipoC .valoreVoce,
.divPreviewChecklist .voceChecklistTipoF .valoreVoce {
    text-align: center;
}

.divPreviewChecklist .voceChecklistBloccata1
{
    border-color: #ffd96e;
}

.divPreviewChecklist .voceChecklistObbligatoria1,
.divPreviewChecklist .voceChecklistObbligatoria2
{
    border-color: #c8040a;
}


.divPreviewChecklist .voceChecklistBloccata1 .aliasVoce,
.valoriChecklist .voceChecklistBloccata1 .aliasVoce {
    background-color: #f1e7a8;
}

.divPreviewChecklist .voceChecklistBloccata1 .valoreVoce,
.valoriChecklist .voceChecklistBloccata1 .valoreVoce {
    background-color: #fffcd7;
}

.divPreviewChecklist .titoloChecklist {
    margin-right: 15px;
}

.checklistDataEditor .voceBloccata-1 .btnAddFile,
.checklistDataEditor .voceBloccata-1 .btnEliminaFile {
    display: none!important;
}

.divChecklistNominativo {
    margin-top: 10px;    
}
.divInfoChecklistMailing {
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #7296c5;
    background-color: #dadeeb;
    max-width: 300px;
    margin-bottom: 5px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divInfoChecklistMailing:hover {
    cursor: pointer;
    background-color: #7ab9cd;
}

.processContainer .linkOperazione,
.processContainer .linkOrizzontale {
    display: block;
    padding: 6px;
    background-color: #324a8e;
    width: 12px;
    height: 40px;
    margin: auto;
    position: relative;
}


.processContainer .linkOrizzontale {
    width: 100%;
    height: 12px;
    margin: auto;
    position: relative;
}

.processContainer .infoLink {
        background-color: #ffffff;
        width: 8px;
        height: 8px;
        display: block;
        position: absolute;
        top: 16px;
        left: 2px;
        border-radius: 50%;
}

.processContainer .infoLink .text {
    width: 200px;
    display: block;
    position: absolute;
    top: -14px;
    padding: 3px;
    right: 10px !important;
    left: auto;
    text-align: right;
    background-position: 210px center;
    background-repeat: no-repeat;
    min-height: 20px;
    padding-right: 32px;
    padding-top: 6px;    
}

.processContainer .linkOperazioneOdd .text {
    left: 10px !important;
    right: auto;
    border-radius: 15px 0px 0px 15px;
    text-align: left;
    background-position: 4px center;
    background-repeat: no-repeat;
    min-height: 20px;
    padding-left: 32px;
    padding-top: 6px;

}
.processContainer .linkScoreX .text,
.processContainer .linkScoreH .text {
    background-image: url(smiley_verde_24.png);
}

.processContainer .linkScoreL .text {
    background-image: url(smiley_rosso_24.png);
}
.processContainer .linkScoreM .text {
    background-image: url(smiley_arancio_24.png);
}

.processContainer .gruppoProssimeUscite {
    width: fit-content;
    margin: auto;
    text-align: center;
}

.processContainer .linkTipoInizio {
    display: none;
}

.processContainer .divUscita {
    vertical-align: top;
}


.processContainer .operazioneSceltaUscita {
    width: 85%;
    text-align: center;
    padding: 6px;
    font-size: 1.25em;
    border-radius: 10px;
    color: #ffffff;
    background-color: #2a51c1;
    margin: auto;    
    min-width: 250px;
}

.processContainer .prossimaOperazione {
    min-height: 50px;
    margin-left: 20px;
    margin-right: 20px;
    min-width: 130px;
    max-width: 250px;
}

.processContainer .nomeUscita {
    padding: 2px;
    background-color: #ffee9a;
    border-radius: 10px;
    border: 1px solid #efc189;
    display: block;
    min-width: 100px;
    -webkit-box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 20%);
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    min-height: 20px;
    font-size: 1.2em;
}

.processContainer .nomeUscita:hover {
    background-color: #ffd900;    
}

.gruppoProssimeUscite .operazione {
    opacity: .5;
}

.gruppoProssimeUscite .linkOperazione,
.gruppoProssimeUscite .linkOrizzontale {
    height: 75px;    
}


.processContainer .divUscita .infoLink {
    top: 20px;
    left: -50px;
}


.processContainer .divEdit {
    min-width: 480px;
}

.divSelezionaFlussoPratica {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2em;
}

.divSelezionaFlussoPratica .infoFlusso {
    padding-top: 5px;    
}

.divSelezionaFlussoPratica .divTitolo {
    font-size: 1.2em;
    font-weight: bold;
}




.indicatoreStepProcesso {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 0;
    padding-right: 0;
    border-radius: 15px;
    background-color: #0477cc;
    line-height: 1em;
    margin-top: 2px;
    color: #ffffff;
    cursor: help;
    width: 24px;
    overflow: hidden;
    height: 24px;
    vertical-align: top;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: .9em;
    text-align: center;
    z-index: 5;
    border: 1px solid #495ad2;
}

.indicatoreStepProcesso:hover {
    background-color: #ffee00;
    color:#000000;
}

.indicatoreStepProcesso span {
    display: block;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
}

.divAvanzamentoProcesso .divFreccia {
    padding: 0;
    line-height: 1em;
    margin-top: 2px;
    cursor: help;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    font-size: .9em;
    z-index: 0;
    vertical-align: top;
    margin-left: -1px;
    margin-right: -1px;    
}

.divAvanzamentoProcesso .divFreccia span {
    background-color: #004100;
    height: 7px;
    width: 100%;
    display: inline-block;
    margin-top: 8px;
    z-index: 0;
}

.divAvanzamentoProcesso .frecciaProsegui {
    width: 14px ;
}

.divAvanzamentoProcesso .stepProsegui {
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #b2c5b0;
    width: 20px;
    height: 22px;
    margin-top: 2px;
    box-shadow: 0px 0px 4px -1px #8d8d8d;
    opacity: .4;
}

.divAvanzamentoProcesso .stepProsegui:hover {
    background-color: #008304;
    opacity: 1;
}

.divAvanzamentoProcesso .stepProsegui .icoProsegui {
    font-size: 12px;
    color: #6c6c6c;
    margin-left: 2px;
}

.divAvanzamentoProcesso .stepProsegui:hover .icoProsegui {
    color: #ffffff;    
    cursor: pointer;
}


.stepProcessoTipoInizio {
    background-color: #036400;
    color: #ffffff;
}

.stepProcessoTipoFine {
    background-color: #861b00;
    color: #ffffff;
}

.divAvanzamentoProcesso .divFreccia.scoreStepL span {
   background-color: red !important;   
}

.divAvanzamentoProcesso .divFreccia.scoreStepH span {
    background-color: green !important;
}

.divAvanzamentoProcesso .divFreccia.scoreStepX span {
    background-color: rgb(0, 12, 78)!important;
}

.dataProssimaScadenza {
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    border-radius: 9px;
    background-color: #fff686;
    line-height: 1.4em;
    margin-top: 2px;
    margin-left: 3px;
    font-weight: bold;
    border: 1px solid #ffd400;    
}

.divAvanzamentoProcesso .icoAlarm {
    color: #ff8d00;
    margin-right: 5px;
}
.buttonEditProcesso {
    color:#003f9c;
    margin-top: 5px
}
.indicatoreStepDaEseguire,
.frecciaStepDaEseguire {
    opacity: .15;
}

.indicatoreStepDaEseguire:hover {
    opacity: .8;
}

#tabPlafondPratiche {
    background-color: white;
}

.rigaPlafond .divDescrizione {
    font-weight: bold;
}

.rigaPlafond .divQta {
    font-weight: bold;
    font-size: 1.2em;
}

.rigaPlafond .divResiduo {
    font-size: 1.2em;
}

.rigaPlafond.divIntestazione div {
    font-weight: bold;
    font-size: 1em;
}

.tooltipStepProcesso {font-size: 1.1em;}



.loaderMaster {
    margin-top: 10px;
    background-color: #eaeaea;
}

.loaderChilds {
    margin-top: 10px;    
}

.divEditVoce {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e7e7e7;
    border: 1px solid #cecece;
}




.checklistDialog .aniDialog-content {
    background-color: #ececec;
}

.checklistDataEditor {
    padding-left: 10px;
    font-size: 1.2em;
    border: 1px solid #b1b1b1;
    background-color: #ffffff;
}

.checklistDataEditor .titoloChecklist {
    margin-bottom: 10px;
    font-size: 2em;
    font-weight: bold;
}


.checklistDataEditor .voceChecklist {    
    margin-bottom: 10px;
    border-bottom: 1px solid #dadada;
}

.checklistDataEditor .desVoce {
    width: 350px;
    font-weight: bold;
    vertical-align: top;
}

.checklistDataEditor .aliasVoce {
    font-weight: normal;
    font-size: 1em;
    vertical-align: top;
}

.checklistDataEditor .descrizioneVoce {
    font-weight: normal;
    font-size: .8em;
    vertical-align: top;
    font-style: italic;
}


.checklistDataEditor .valoreVoce {
    vertical-align: top;
}


.loaderChecklistPratica .divPreviewChecklist {
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: top;
}

.mainContainerAttivita .td9,
.mainContainerAttivita .td3 {
    width:20%;
}

.prioritaL {
    color: #8d8d8d!important;
}
.prioritaH {
    color: #ff0000!important;
}

.mainContainerAttivita .tdAzioni {
    width: 55px!important;
}

.mainContainerAttivita .contieneNoteInterne {
    color: blue;
}


.ui-datepicker .ui-state-default {
    border-color: transparent!important;
    background-color: transparent!important;
    text-align: center;
    border-radius: 15px;    
}

.ui-datepicker .ui-state-hover {
    background: #d3efff !important;    
}

.ui-datepicker .ui-state-active {
    background: #2e7bb7 !important;
    color: #ffffff !important;
}


.rigaPratica:hover td {
    background-color: #b9d9f5;
}

.loaderChecklistMailing .divPreviewChecklist {
    display: inline-block;
}

.wfLateralToolbar .divCorpoPagina {
    padding-left: 55px;
}
.wfLateralToolbar .lateralToolbar {
    display: block;
    position: fixed;
    top:0px;
    left: 0;
    bottom: 0px;
    z-index: 5000;
    background-color: var(--wfLateralToolbarColor);
    width: 42px;
    box-sizing: border-box;
    box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.75);
}

.wfLateralToolbar .bloccoPulsanti {
    margin-top: 3px;
}

.wfLateralToolbar .mainDivToolbarWF {
    color: #ffffff;    
}
.lateralToolbar a,
.lateralToolbar a:visited {
    color: #ffffff;
}
.lateralToolbar .contButton {
    padding-left:5px;
    margin-top:15px;
    font-size:22px;
}

.wfLateralToolbar .titoloPagina {
    font-size: 2.2em;
    margin-left: 55px;
}

.wfLateralToolbar .wfMenu {
    left: 45px;
}

.wfLead .fc .ui-widget-header {
    border: 1px solid #455662!important;
    background: #505050!important;
    color: #ffffff;
    font-weight: bold;
}

.wfLead .faButton.fa-border, 
.wfLead .faButton,
.wfLead .faButton span {
    color: #1A1B2A;
}


.wfLead .fc .ui-widget-content {
    border-color:#b5b5b5!important;    
}
.wfLead .divIdOggetto, .wfLead .divOggetto {display: none;}


.elencoLeadHome .numLead {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 6px;
    background-color: #aac6eb;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;    
    text-align: center;
    display: inline-block;
    min-width: 80px;
}

.leadManagement .bloccoQuickAddLead {
    width: 50%;
    min-width: 250px;
    box-sizing: border-box;
}

.leadManagement .bloccoMiniStatsLead {
    width: 47%;
    min-width: 250px;
    box-sizing: border-box;
}

.leadManagement .icoNonLetto {
    color: #2f8536;
}

.tdAltreInfoInserisciPratica {
    min-width: 350px;
    width: 45%;
    max-width: 700px;
}

.divConOmbra {
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, .2);
}

.divConOmbraLight {
    -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2);
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2);
}


.tabCreaPraticaDaLead .tdAltreInfoInserisciPratica {display: none;}

.bloccoMiniStatsLead {
    min-width: 650px;
}
.loaderMiniStatsLead {
    padding: 0!important;
    margin: 0!important;
}

.wfBloccoStatLead {
    width:100%;
}

.tabElencoLead .tdOfferte {
    text-align: center;
}
.tabElencoLead .numOfferte {
    background-color: #b3d970;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #71a97a;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b0b0b0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 4px;
    border-radius: 2px;
}


@media screen and (max-width: 990px) {
    .leadManagement .bloccoQuickAddLead,
    .leadManagement .bloccoMiniStatsLead {
        width: 100%;        
    }   
}

@media screen and (min-width: 1000px) {
    .zoomPreview {
        zoom: 1!important;
    }      
}


@media screen and (max-width: 1030px) {
 .userStatus .buttonText {max-width: 100px;}
 .mainContainerFlussi .divFlusso {
     width: 72%;     
 }

 .mainContainerFlussi .divProprieta {
     left: 72%;
     
 }
}

@media screen and (min-height: 800px) {
    .menuList {
        max-height: 750px;        
    }    
}