/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap;
    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;
    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');
}

/* 
***** Font a larghezza fissa ***********
m-plus-1-code-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'M PLUS 1 Code';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/m-plus-1-code-v16-latin-regular.woff2') format('woff2');
}

/* m-plus-1-code-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'M PLUS 1 Code';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/m-plus-1-code-v16-latin-600.woff2') format('woff2');
}

/* m-plus-1-code-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'M PLUS 1 Code';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/m-plus-1-code-v16-latin-700.woff2') format('woff2');
}


/* ubuntu-mono-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu Mono';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/ubuntu-mono-v19-latin-regular.woff2') format('woff2');
}

/* ubuntu-mono-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu Mono';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/ubuntu-mono-v19-latin-italic.woff2') format('woff2');
}

/* ubuntu-mono-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu Mono';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/ubuntu-mono-v19-latin-700.woff2') format('woff2');
}

:root {
    --wfToolbarColor: #004272;
    --wfLateralToolbarColor: #002243;
    --wfBgColorHover: #cadffa;
    --wfBgColorHoverLight: #f4f4f4;
    --wfToolbarHeight: 45px;
    --flexColW1: 10;
    --flexColW2: 40;
    --flexColW3: 50;
    --min-col: 5;
    --resizer-width: 5px;
    --topbar-h: 56px;
    --wfFont: Segoe UI,
        Helvetica,
        Arial,
        sans-serif;
}

.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: var(--wfFont);
    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;
}

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

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

.myTextbox.disabled {
    background-color: #d8d8d8;
}


/* L'intera scrollbar */
.thinScrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* La parte "scorrevole" */
.thinScrollbar::-webkit-scrollbar-thumb {
    background-color: #a0b2c4;
    border-radius: 6px;
    border: 1px solid #ffffff;
    /* bordo intorno al thumb */
}

/* Lo sfondo della scrollbar */
.thinScrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

ul.context-menu-root {
    font-size: 16px;
}

.fa span,
.fa div {
    /* override per font-awesome   */
    font-family: var(--wfFont);
    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 6 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);
}

input:invalid {
    border-color: red;
}

/* serve ad allineare le checkbox interne ad una label con il relativo testo  */
input[type=checkbox] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

label {
    display: inline-block;
}

.aiAssistantButton {
    position: fixed;
    bottom: 20px;
    right: 40px;
    width: 44px;
    height: 44px;
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9990;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 29%) 0px 4px 8px;
    transition: box-shadow 0.2s;
    overflow: visible;
    opacity: .9;
}

.aiAssistantButton:hover,
.aiAssistantButton:focus {
    opacity: 1;
}

/* Popup container (initially hidden) */
#aiAssistantPopup {
    position: fixed;
    bottom: 2px;
    right: -1000px;
    /* start hidden off-screen */
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 12px 9px rgba(0, 0, 0, 0.25);
    border: 1px solid #8f8f8f;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 9998;
    transition: right 0.3s ease;
}

/* Title bar */
#aiAssistantPopupHeader {
    background: #1C326C;
    color: white;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Close button */
#aiAssistantPopupClose {
    background: transparent;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

/* Iframe */
#aiAssistantPopupIframe {
    width: 100%;
    border: none;
}


.aiOverviewContainer {
    line-height: 1.5;
    font-size: initial;
    border-radius: 20px;
    margin: 12px;
}

.aiOverviewContainer .assistantNotes {
    margin-bottom: 20px;
}

.aiOverviewContainer .divSezione {
    padding: 20px;
    border-radius: 20px;
}

.aiOverviewContainer .flexContainer {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.aiOverviewContainer .imagesWrapper {
    width: 35%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    border-radius: 20px;
    background-color: #eeeeee;
    border: 1px solid #e2e2e2;
    padding: 10px;
}

.aiOverviewContainer .imagesWrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
    background-color: #e5e5e5;
    padding: 5px;
    border-radius: 20px;
    box-sizing: border-box;
}

.aiOverviewContainer .infoWrapper {
    width: 75%;
}

/* ******************************************************************* */
.wfFlexLayoutContainer {
    display: flex;
    flex-direction: column;
    text-align: left;
    box-sizing: border-box;

}

.wfFlexLayout-topbar {
    min-height: var(--topbar-h);
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #999999;
}

.wfFlexLayout-columns {
    position: relative;
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.wfFlexLayout-col {
    flex: 0 0 auto;
    min-width: calc(var(--min-col) * 1%);
    overflow: auto;
    transition: flex-basis 0.2s ease;
    padding-left: 2px;
    padding-right: 3px;
    box-sizing: border-box;
}

.wfFlexLayout-col.col-1 {
    flex-basis: calc(var(--flexColW1) * 1%);
}

.wfFlexLayout-col.col-2 {
    flex-basis: calc(var(--flexColW2) * 1%);
}

.wfFlexLayout-col.col-3 {
    flex-basis: calc(var(--flexColW3) * 1%);
    border-right: none;
}

.wfFlexLayout-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--resizer-width);
    margin-left: calc(var(--resizer-width) * -0.5);
    cursor: col-resize;
    background: rgba(150, 150, 150, 0.1);
}

.wfFlexLayout-resizer:hover {
    background: rgba(80, 80, 80, 0.25);
}

.wfFlexLayout-dragOverlay {
    user-select: none;
}

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

.fs110 {
    font-size: 1.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;
    display: flex;
    flex-direction: column;
    gap: 0;
}


.faded {
    opacity: .15;
}

.faded2 {
    opacity: .2;
}

.faded4 {
    opacity: .4;
}

.faded:hover,
.faded2:hover,
.faded4:hover {
    opacity: 1;
}

.divConPadding {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
}

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

.spacerL,
.spacerLeft {
    margin-left: 10px;
}

.spacerT,
.spacerTop {
    margin-top: 5px;
}

.spacerB,
.spacerBottom {
    margin-bottom: 5px;
}

.spacerRSmall,
.spacerRightSmall {
    margin-right: 5px;
}


.divRigaCercaNelMenu {
    position: fixed;
    top: 0;
    left: 30%;
    width: 30%;
    max-width: 500px;
    z-index: 9999;
}

.divRigaCercaNelMenu #cercaNelMenu {
    width: 100%;
    border-radius: 15px;
    border: 0;
    box-shadow: 0px 0px 10px 4px rgb(23 32 79 / 77%);
    padding: 5px 12px 5px 12px;
    font-size: 1.1em;
}


.divRigaCercaNelMenu .contCasellaRicerca {
    width: 100%;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 10px;
}



.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;
    flex-grow: 0;
    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;
    vertical-align: top;
}

.validationError {
    font-size: .9em;
}

.pointer {
    cursor: pointer;
}

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

.centerToolbarWF .divPulsantiBase {
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
}

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

.contMenuHome .buttonLayoutHome {
    font-size: 16px;
}

@media screen and (max-width: 1350px) {

    .mainDivToolbarWF-V3 .wfTopToolbarButton .fas,
    .mainDivToolbarWF-V3 .wfTopToolbarButton .fab {
        font-size: 28px;
        color: #ffffff;
        margin-top: 3px;
    }

    .mainDivToolbarWF-V3 .wfTopToolbarButton {
        margin-left: 8px;
    }

    .mainDivToolbarWF-V3 .divLogoWF .wfTopToolbarButton {
        margin-left: 4px;
    }

    .mainDivToolbarWF-V3 .centerToolbarWF .divPulsantiBase .faButton span {
        text-overflow: clip;
        width: 1px;
        overflow: hidden;
        opacity: 0;
        white-space: nowrap;
        display: inline-block;
        transition: all 300ms;
        transition-delay: 50ms;
    }

    .mainDivToolbarWF-V3 .centerToolbarWF .divPulsantiBase .faButton:hover span {
        opacity: 1;
        width: 80px;
        padding-right: 6px;
        white-space: nowrap;
        display: inline-block;
        transition: all 800ms;
        transition-delay: 800ms;
    }

}

/*
.divRigaMessaggio {
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 2px;
    border: 1px solid #e8e8e8;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#scrollerMessaggiInterni #contentMessaggiInterni {
    display: flex!important;
    flex-direction: column!important;
}
.divFlex {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}
.msgData {
    padding: 5px;    
    background-color: #002243;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    min-width: 55px;
    box-sizing: border-box;
}
.msgDett {
    padding: 5px;    
    box-sizing: border-box;
}

*/

.wfTopToolbarButton .fa-whatsapp {
    color: #60e333 !important;
    font-size: 28px !important;
    margin-top: 2px !important;
    position: relative !important;
}

.wfTopToolbarButton .fa-whatsapp span.counter {
    position: absolute;
    top: 1px;
    right: -3px;
    background-color: #d9eaf8;
    color: #000000;
    display: block;
    opacity: 1 !important;
    width: auto !important;
    min-width: 8px;
    max-width: 20px;
    border-radius: 10px;
    min-width: 12px;
    min-height: 12px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 12px;
    font-size: 9pt;
    text-align: center;
}

.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: 99%;
    height: 100%;
    clear: both;
    background-color: #ffffff;
    border-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

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

/*scrollbar-width: thin; */
.ui-layout-pane {
    border: 0;
}

#ui-datepicker-div {
    z-index: 99999 !important;
}

.pageBreackAfter {
    page-break-before: always !important;
}


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

@media screen {
    .pnlPageContent {
        overflow: auto;
    }
}


.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;
    position: absolute;
    top: 0;
    left: 160px;
    right: 0;
    font-size: 1.1em;
}

#divWFMenuServizio,
.menuWorkflowPersonalizzato {
    font-size: 1.25em;
}

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

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

.btnComboEditValue:hover {
    opacity: 1;
}



.wfMenuUL .title {
    display: block;
}

.wfMenuUL .wfMenuGroupButton {
    display: none;
}

.wfMenu ul.wfMenuUL-V3 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0px;
    min-width: 200px;
    max-width: 300px;
}

.wfMenuUL-V3 .title {
    display: none;
}

.wfMenuUL-V3 .wfMenuGroupButton {
    display: block;
    cursor: pointer;
    font-size: 1.5em;
    color: #004e7c;
}


.wfMenuUL-V3 .wfMenuGroupVisible .wfMenuGroupButton {
    margin-bottom: 15px;
}

.wfMenuUL-V3 .wfMenuGroup {
    border-radius: 10px;
    border: 1px solid #cfcfcf;
    display: inline-block;
    width: 100%;
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 10px;
    margin-right: 5px;
    transition-property: color, text-decoration, background, -webkit-text-decoration;
    transition-timing-function: ease-in;
    transition-duration: 250ms;
    box-sizing: border-box;
}


.wfMenuUL-V3 .wfMenuGroup:hover {
    border-color: #c7c7c7;
    background-color: #e9e9e9;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 20%)
}

.wfMenuUL-V3 .wfMenuGroupVisible:hover {
    background-color: #ffffff;
}

.wfMenuUL-V3 .wfMenuGroup .buttonText {
    padding-top: 5px;
    font-family: Alata, Quicksand, sans-serif;
}



.wfMenuUL-V3 .wfMenuGroup li,
.wfMenuUL-V3 .wfMenuGroup .separator {
    display: none;
    font-size: .9em;
    box-sizing: border-box;
}

.wfMenuUL-V3 .wfMenuGroupVisible li,
.wfMenuUL-V3 .wfMenuGroupVisible .separator {
    display: block;
    margin-left: 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%;
    z-index: 1;
}

.fullContent-closer {
    display: block;
    width: 28px;
    height: 28px;
    font-size: 5px;
    border: 0;
    position: absolute;
    top: 3px;
    right: 6px;
    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: absolute;
    top: 3px;
    right: 3px;
    z-index: 500;
    border-radius: 50%;
    background-color: #383838;
    padding: 2px;
    border: 2px solid #ffffff;
    opacity: .5;
}

.fullContent-closer:hover {
    opacity: 1;
}

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

.ui-dialog.dialogTopmost {
    z-index: 9500 !important;
}

#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: 2.8em;
    background-image: none;
    margin-right: 10px;
    margin-bottom: 6px;
    vertical-align: top;
    color: green;
}


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

.orange {
    color: orange !important;
}

.green {
    color: green !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: 6px 2px;
    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;
}

.flexBox {
    display: flex;
}

.flexBox .flex1 {
    flex: 1;
}

.flexBox .flex2 {
    flex: 2;
}

.flexBox .flex3 {
    flex: 3;
}

.flexBox .flex4 {
    flex: 4;
}

.flexBox .flex5 {
    flex: 5;
}

.flexBox .flex6 {
    flex: 6;
}

.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;
    background-color: rgb(255, 255, 255);
    /* Old browsers */
    box-sizing: border-box;
    font-size: 1em;
    padding: .25em;
    min-height: 25px;
    border-radius: .3em;
}

.myColorPicker {
    width: 30px;
    height: 30px;
    border: 1px solid #818181;
    box-sizing: border-box;
}

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

.xxlargeMaxW {
    max-width: 700px;
}

.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;
    box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 14%);
    border-radius: 0 !important;
    border: 0 !important;
    text-align: left;
    border-radius: 12px !important;
}

.aniDialog {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 14%);
    border: 0 !important;
    padding: 4px;
    text-align: left;
    box-sizing: border-box;
}

.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-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.2em;
    font-weight: bold;
    padding: 8px;
    padding-left: 15px;
    padding-top: 6px;
    cursor: move;
}

.aniDialog-close,
.aniDialog-resize,
.aniDialog-maximize {
    /*position:absolute;*/
    z-index: 99999;
    /*right:4px;
    top:3px;*/
    font-size: 14px;
    display: block;
    border: 0;
    background-color: transparent;
    color: #000000;
    padding: 0;
    float: right;
    margin-left: 4px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}


.aniDialog-close:hover,
.aniDialog-resize:hover,
.aniDialog-maximize:hover {
    background-color: #c9c9c9;
    color: #000;
    cursor: pointer;
}



.aniDialog-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*position:relative;*/
    min-width: 10px;
    overflow: auto;
    padding: 14px;
    padding-top: 6px;
    -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-content iframe {
    border-radius: 10px;
}

.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 {
    min-height: 26px;
    height: auto;
    display: block;
    position: relative;
    background-color: #FCFCFC;
    border: 1px solid #CDDEE3;
    margin-right: 4px;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 5px;
    -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: 13px;
    overflow: hidden;
}

.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: auto;
    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: flex;
    flex-wrap: nowrap;
    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;
    flex-direction: column;
}

.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: #ffffff6c;
    text-decoration: none;
    margin-left: -22px;
    margin-top: 2px;
}

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

.wfContenuto .pratica {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wfContenuto .pratica .tabslidePrincipalePratica {
    flex: 1 1 auto;
    overflow: auto;
    padding-right: 2px;
}

.flexOggettoPratica {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

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: 6px 5px 4px 6px;
}

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

/* ************************** FORM CRUD RESPONSIVE ************************** */
.wfEditRowCell {
    padding: 0 !important;
    background: #f8fafc;
}

.wfEditGrid {
    --wf-edit-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--wf-edit-columns), minmax(320px, 650px));
    gap: 8px 12px;
    padding: 12px;
    box-sizing: border-box;
    align-items: start;
    text-align: left;
    max-width: 1300px;    
}

.wfEditGrid.wfEditGrid1,
.wfEditGrid.wfEditGrid2,
.wfEditGrid.wfEditGrid3,
.wfEditGrid.wfEditGrid4,
.wfEditGrid.wfEditGrid5 {
    --wf-edit-columns: 1;
}

.wfFieldItem {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid #e0e6ee;
    border-radius: 6px;
    box-shadow: none;
}

.wfFieldItem-full,
.wfFieldSpacer {
    grid-column: 1 / -1;
}

.wfFieldSpacer {
    min-height: 2px;
}

.wfFieldItem-noLabel {
    padding-top: 8px;
}

.wfFieldLabel {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #3b4a5c;
    background: transparent;
    border: 0;
}

.wfFieldValue {
    min-width: 0;
    vertical-align: top;
}

.wfFieldItem.tdCampo-id,
.wfFieldItem.tdCampo-ts {
    flex-direction: row;
    gap: 10px;
}

.wfFieldValue .inlineBlock {
    max-width: 100%;
}

.wfEditGrid input[type="text"],
.wfEditGrid input[type="password"],
.wfEditGrid input[type="number"],
.wfEditGrid select,
.wfEditGrid textarea,
.wfEditGrid .myTextbox,
.wfEditGrid .myTextboxPassword,
.wfEditGrid .mySelect,
.wfEditGrid .myTextarea,
.wfEditGrid .hasDatepicker,
.wfEditGrid .myFile {
    max-width: 100%;
}

.wfEditGrid textarea,
.wfEditGrid .myTextarea {
    min-height: 110px;
    width: 100%;
    min-width: 100%;
}

.wfEditGrid .wfFieldValue .button,
.wfEditGrid .wfFieldValue .btnButton,
.wfEditGrid .wfFieldValue .imageButton,
.wfEditGrid .wfFieldValue .faButton {
    margin-top: 4px;
}

.wfEditGrid .wfFieldValue .button + .button,
.wfEditGrid .wfFieldValue .btnButton + .btnButton,
.wfEditGrid .wfFieldValue .button + .btnButton,
.wfEditGrid .wfFieldValue .btnButton + .button {
    margin-left: 6px;
}

.wfEditGrid .wfFieldItem-content {
    background: #ffffff;
}

.wfGroup {
    padding: 8px;
    border: 1px solid #dfe6ee;
    border-radius: 6px;
    background: #eff1f4;
}

.wfGroupTitle {
    font-weight: 700;
    font-size: 1.1em;
    color: #314155;
    padding: 2px 2px 8px 2px;
}

.wfGroupGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 8px 10px;
}

.wfCellGroup {
    padding: 8px;
}

.wfCellTitle {
    font-weight: 700;
    font-size: .9em;
    color: #3b4a5c;
    margin-bottom: 6px;
}

.wfCellBody {
    display: grid;
    gap: 6px;
}

.wfCellField {
    display: grid;
    grid-template-columns: minmax(120px, 30%) 1fr;
    gap: 8px;
    align-items: start;
    padding: 4px 0;
}

.wfCellField .wfFieldLabel {
    padding-top: 4px;
}

.wfCellField-full {
    grid-column: 1 / -1;
}


@media screen and (max-width: 1200px) {
    .wfEditGrid {
        max-width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        padding: 12px;
        gap: 8px 10px;
    }
}

@media screen and (max-width: 720px) {
    .wfEditGrid {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 8px;
    }

    .wfFieldItem {
        padding: 8px;
        border-radius: 6px;
    }

    .wfGroupGrid {
        grid-template-columns: 1fr;
    }

    .wfCellField {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

.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: 8px;
    background-color: #ffffff;
    border: 1px solid #ccd2e5;
    border-radius: 4px;
    margin: 4px;
    vertical-align: top;
    box-sizing: border-box;
}

.divSezione .divGruppo {
    margin: 10px;
    padding: 8px;
}

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

.divGruppo .titolo {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: 5px;
    color: #3c40cc;
}

.divGruppo .divSottogruppo,
.divGruppo .sottogruppo {
    margin-bottom: 10px;
}

.divCampo,
.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%;   rimossa 26/08/2024 .. eventialmente gestire localmente o con classe separata */
    max-width: 650px;
    padding: 6px;
    border-radius: .3em;
}

.divGruppo input[type="checkbox"],
input[type="radio"] {
    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;
}

.select2-dropdown {
    min-width: 180px;
}

.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 {
    color: #003366;
}

.testoTooltip {
    max-width: 600px;
}

.contColorPicker {
    position: relative;
    margin: 2px;
    --cp-size: 2rem;
}

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

.rigaD td, 
.rigaDispari td,
.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;
    min-height: 150px;
}

.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 {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;
    min-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: 20px;
    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: 65px;
}

.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;
    vertical-align: top;
    padding: 5px;
    border-color: #e2e2e2;
}

.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: #e9e9e9;
    padding: 2px 5px 2px 5px;
    border-radius: 8px;
    font-size: .9em;
    color: #202020;
}

.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');
    transition: all 0.3s ease-in-out;
}


.buttonSmall {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    background-position: center center;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.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: #003f5d;
    border-radius: 4px;
    margin-top: 3px;
    transition: all 0.3s ease-in-out;
}

.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: #003f5d;
}

.faButton span {
    margin-left: 5px;
    font-weight: normal;
    font-family: var(--wfFont);
    font-size: .95em;
    color: #020063;

}

.faButton label {
    margin-left: 5px;
    font-family: var(--wfFont);
    cursor: pointer;
}

.faBigButton {
    padding: 6px;
    cursor: pointer;
    color: #006392;
    border-radius: 4px;
    margin-top: 3px;
    font-size: 1.6em;
    transition: all 0.3s ease-in-out;
}

.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: var(--wfFont);
    font-size: .75em;
    color: #020063;

}

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

.wfTopToolbarButton .fas,
.wfTopToolbarButton .fab {
    font-size: 24px;
    color: #ffffff;
    margin-top: 4px;
}

.fa span,
.fas span,
.fab span {
    font-family: var(--wfFont);
    font-weight: normal;
}


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

.mainMenuWorkflow {
    margin-left: 2px;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

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

.wfTopToolbarButton.pulsanteAlertFTE .faButton {
    color: #ffdd00;
}


.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.miniTag .removeButton {
    position: initial;
    right: auto;
    top: auto;
    font-size: 1.1em;
    color: unset;
    margin-left: 6px;
}

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

.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: .6em;
}


.aiTag {
    padding: 8px;
    text-align: left;
    line-height: .8em;
    font-size: 1em;
    vertical-align: middle;
    border-radius: 20px;
    display: inline-block;
    font-weight: bold;
    background-color: #e0f8ff;
    border: 1px solid #c5dbe1;
    margin-right: 10px;
}

.aiTag:hover {
    background-color: #e1eff3;
}

.aiTag img {
    vertical-align: text-top;
    margin-right: 4px;
}

.aiTag.aiTagLoading {
    padding: 1px;
    text-align: center;
}

.aiTag.aiTagLoading img {
    vertical-align: text-top;
    margin: 0px;
}



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

.wfMenu .separator {
    height: 6px;
    width: 100%;
}

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

.menuItemDescription {
    font-size: .7em !important;
    color: #666;
    font-weight: normal;
    font-style: italic;
}

.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-openai {
    background-image: url('openai.png') !important;
}

.icon-eye {
    background-image: url('eye.png') !important;
}

.icon-ai {
    background-image: url('AI_Animated.gif') !important;
}

.icon-ai2 {
    background-image: url('AI_Animated2.gif') !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;
    vertical-align: top;
}

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

.divComboVaiPratica .suggestAnagrafica.ui-menu .ui-menu-item a {
    padding-right: 52px !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 {
    position: relative;
    margin-bottom: 5px;
}


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

.dettagliSegnalatore .vociSegnalatore {
    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: 10px 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;
}

.rigaAttivita .stickyState,
.rigaAttivita .stickyStatesticky {
    position: absolute;
    right: 1px;
    top: 3px;
    z-index: 25;
    opacity: .2;
}

.rigaAttivita .stickyState:hover,
.rigaAttivita .stickyStatesticky:hover {
    opacity: 1;
}

.rigaAttivita .stickyStatesticky {
    color: red;
    opacity: 1;
}

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

.superHidden {
    display: none !important;
}

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

.wfGrayColor4 {
    background-color: #e4e4e4;
}

.wfGrayColor5 {
    background-color: #cacaca;
}


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

.pageLoader .miniLoader {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10%;
    margin-right: 10%;
}

.miniLoader .titoloPreImmagine {
    font-size: 10px;
    font-style: italic;
}

.pageLoader .miniLoader .randomImage {
    object-fit: cover;
    width: 100%;
    ;
    height: auto;
    max-width: 900px;
    flex: 1 1 auto;
}

.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: -24px;
    top: 9px;
    display: block;
    width: 22px;
    height: 22px;
    opacity: .8;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.clientConnected {
    opacity: 1 !important;
    background-image: url('link-24.png') !important;
}

.clientDisconnected {
    opacity: 1 !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;
}

.tooltipWorkflow.ajaxComboTooltip {
    min-width: 200px;
    padding-top: 2px;
}

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


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


.innerTabFlussiPratica {
    display: flex;
    gap: 15px;
    padding: 15px;
    font-size: .9em;
    align-items: flex-start;
    flex-wrap: wrap;
}


.innerTabFlussiPratica .divFlussoPratica {
    background-color: #ededed;
    padding: 20px;
    padding-top: 0;
    border-radius: 20px;
}

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

.promemoriaAttivita {
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 4px;
    padding: 6px;
    cursor: pointer;
    border: 1px solid #003fc2;
    background-color: #095fc7;
    border-radius: 5px;
    color: #ffffff;
}

.promemoriaAttivita:hover {
    background-color: #f12525;
}

.loaderChecklistMailing {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.divPreviewChecklist {
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 4px;
    max-width: 450px;
    min-width: 200px;
    border: 1px solid #7296c5;
    background-color: #e9ecf5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
    padding: 5px;
    padding-top: 0;
}

.divPreviewChecklist:hover {
    background-color: #7ab9cd;
}

.divPreviewChecklist .actDelete {
    font-size: 1em;
    float: right;
}

.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: 30px;
    text-align: center;
    line-height: 1.3em;
}

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

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

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

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

.valoriChecklist {
    overflow: auto;
    white-space: nowrap;
    display: block;
    width: 100%;
    box-sizing: border-box;
}


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

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

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

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

.divChecklistNominativo {
    margin-top: 10px;
    font-size: 1em;
}

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

.printChecklist {
    break-before: page;
    page-break-before: always;
}


.tabellaCheckListStampa {
    font-size: 10pt;
    max-width: 1200px;
    margin: auto;
    width: 100%;
    border-collapse: collapse;
}

.tabellaCheckListStampa th {
    font-weight: bold;
    font-size: 1.8em;
}

.tabellaCheckListStampa .tdSezione {
    font-weight: bold;
    font-size: 1.4em;
}

.tabellaCheckListStampa .tdVoce {
    font-weight: bold;
    padding-left: 20px;
    width: 80%;
    vertical-align: top;
}

.tabellaCheckListStampa .tdVoce .divDescrizioneVoce {
    font-weight: normal;
    font-style: italic;
}

.tabellaCheckListStampa .tdVoce,
.tabellaCheckListStampa .tdValore {
    border-bottom: 1px dotted #afafaf;
}


.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 {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 30px;
}

.divAvanzamentoProcesso .divTitoloProcesso {
    padding-bottom: 4px;
}

.divAvanzamentoProcesso .divFreccia {
    padding: 0;
    line-height: 1em;
    margin-top: 2px;
    cursor: help;
    width: 12px;
    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;
    padding-right: 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%;
    min-width: 200px;
}

.mainContainerAttivita .td10 {
    min-width: 70px;
}


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

.divContenutoPrivacyRegistrazione * {
    font-size: 12px !important;
}

.wfCalFestaContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 1px !important;
}

.wfCalFesta {
    background-color: transparent !important;
    border: 0 !important;
    color: red;
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    position: absolute;
    z-index: 5;
    right: 8px;
    top: -1px;
    max-width: 140px;
    width: 70%;
}

.wfAvatar {
    padding: 4px;
    font-size: 7pt;
    border-radius: 10px;
    width: 21px;
    height: 21px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 9px;
    text-align: center;
    background-color: #e2e2e2;
    color: #02101d;
    opacity: .3;
    padding-top: 5px;
    margin-right: 4px;
    vertical-align: top;
    margin-bottom: 4px;
}

.wfAvatarImage {
    background-position: center center;
    background-size: contain;
    opacity: .8;
}

.avatarIMG {
    border-radius: 50%;
}

.wfAvatar:hover {
    opacity: 1;
}

.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: 48px;
    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 {
    margin-top: 15px;
    font-size: 22px;
    text-align: center;
    width: 100%;
    display: block;
}

.lateralToolbar .contButton .lblMini {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 8px;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}


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

.wfLateralToolbar .wfMenu {
    left: 45px;
}


.fc {
    container-type: inline-size;
    container-name: fcCalendarContainer;
}

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

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


.wfSwipable {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    touch-action: pan-y;
}

.wfSwipable-actions-left,
.wfSwipable-actions-right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    z-index: 0;
    color: white;
    font-weight: bold;
}

.wfSwipable-actions-left {
    left: 0;
    flex-direction: row;
}

.wfSwipable-actions-right {
    right: 0;
    flex-direction: row-reverse;
}

.swipe-btn {
    width: 80px;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: red;
    color: white;
}

.wfSwipable-active {
    background-color: #ffffff;
}

.wfSwipable-active .swipe-btn {
    display: flex;
}

.wfSwipable-content {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    transition: transform 0.3s ease;
}

.wfSwipable-content:hover {
    background-color: #f5f5f5;
}

.wfSwipable.sticky {
    background: #fffacc;
}

.sticky .wfSwipable-content {
    background: #fffacc;
}

.divTabLayout .inlineBlock {
    margin-right: 5px;
}

@media screen and (max-width: 660px) {
    #wfMenuULPrincipale #liExtensione {
        display: none;
    }

    #wfMenuULPrincipale {
        position: relative;
        width: 100%;
        max-width: 660px;
        font-size: 1.2em;
        height: auto;
    }

    #wfMenuULPrincipale li {
        display: inline-block;
        margin: 2px;
        width: auto;
        max-width: 300px;
    }

    #divWFMenuStandard,
    #divWFMenuServizio,
    .menuWorkflowPersonalizzato {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        font-size: 1.2em;
        border: 0;
    }

    #wfMenuULPrincipale .title {
        display: inline-block;
        margin-right: 6px;
    }

    #wfMenuULPrincipale .spacer {
        display: none;

    }

    .wfMenu ul.wfMenuUL-V3 {
        max-width: 400px;
    }
}

@media screen and (max-width: 990px) {

    .leadManagement .bloccoQuickAddLead,
    .leadManagement .bloccoMiniStatsLead {
        width: 100%;
    }

    .wfMenu ul.wfMenuUL-V3 {
        max-width: 300px;
    }


}


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

    #divWFMenuStandard {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
}


@media screen and (min-width: 1600px) {
    .wfMenu ul {
        max-width: 350px;
    }
}

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

    .mainContainerFlussi .divFlusso {
        width: 72%;
    }

    .mainContainerFlussi .divProprieta {
        left: 72%;

    }

    .tabslide-button {
        font-size: 11px;
    }
}

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

.forceHidden {
    display: none !important;
}

.opaque {
    opacity: .15;
}