@charset "UTF-8";
/* CSS Document 18/05 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700');

body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--pageBackground);
    font-size: var(--baseText);
    color: var(--greyDark);
    font-weight: 400;
    line-height: 160%;
    display: flex;
    flex-direction: row;
}

#CookiebotWidget {
    bottom: 45px !important;
}

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

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

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #666;
    }

/* Track */
#folder-menu .treeList::-webkit-scrollbar-track,
#insideSkin .navbar-expand-lg #toolbarTop.navbar-collapse.show .float-right::-webkit-scrollbar-track {
    background: #00000010;
}

/* Handle */
#folder-menu .treeList::-webkit-scrollbar-thumb,
#insideSkin .navbar-expand-lg #toolbarTop.navbar-collapse.show .float-right::-webkit-scrollbar-thumb {
    background: #00000022;
}

    /* Handle on hover */
    #folder-menu .treeList::-webkit-scrollbar-thumb:hover,
    #insideSkin .navbar-expand-lg #toolbarTop.navbar-collapse.show .float-right::-webkit-scrollbar-thumb:hover {
        background: #00000055;
    }

a,
a:hover,
a:focus {
    color: var(--green);
    text-decoration: none;
}

[id^="error-message-"],
[id^="ok-message-"] {
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 10px;
    padding: 7px 11px;
    border-radius: var(--baseRadius);
}

[id^="error-message-"],
[class*="error-message-"] {
    background-color: var(--lightRedBg);
    color: #a20a0a;
    border: 1px dotted #a20a0a;
}

[id^="ok-message-"] {
    background-color: var(--lightGreenBg);
    color: var(--colorGreen);
    border: 1px dotted var(--colorGreen);
}

.dx-dropdowneditor-icon,
.dx-datebox-calendar .dx-dropdowneditor-icon,
.dx-datebox-date .dx-dropdowneditor-icon {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900;
}

    .dx-dropdowneditor-icon:before {
        content: "\f0d7" !important;
    }

    .dx-datebox-calendar .dx-dropdowneditor-icon:before {
        content: "\f073";
    }

#header a.DKL_logo span {
    display: none;
    visibility: hidden;
}

/* Icona user Profile layout */
.navBlock .nav > li.userPics {
    display: inline-block;
    clear: none;
    width: auto;
}

.navBlock .navbar .userPic {
    width: 41px;
    height: 41px;
    border: 1px solid var(--greyXtraLight);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

/* Icona user Profile layout */
/* HEADER NAVBAR */
.navBlock #myNavbar {
    position: fixed;
    top: 0;
    right: 15px;
    z-index: 100000000;
}

    .navBlock #myNavbar .navbar-nav {
        margin-top: 5px;
        transition: all 0.4s ease;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 40px;
    }

        .navBlock #myNavbar .navbar-nav > li > a {
            padding: 0px;
        }

.navBlock .navbar #myNavbar a,
.navBlock .navbar #myNavbar a:focus,
.navBlock .navbar #myNavbar a:hover {
    color: #747474;
}

.navBlock #myNavbar .nav .nav-divider {
    height: 30px;
    width: 1px;
    background-color: #00000022;
    margin: 0 1px 0 5px;
}

.navBlock #myNavbar .nav a.iconNav {
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-left: 2px;
    display: block;
}

.navBlock #myNavbar .nav .lastItem.nav-item a.iconNav {
    width: 35px;
}

.navBlock #myNavbar i.fa-solid {
    font-size: 22px;
    line-height: 39px;
}

.navBlock #myNavbar .nav li .notifica {
    display: block;
    position: relative;
    bottom: 100%;
    right: -14px;
    margin-top: 4px;
    background-color: #f18702;
    color: white;
    width: 16px;
    height: 16px;
    letter-spacing: -0.5px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}

    .navBlock #myNavbar .nav li .notifica span.notificaTxt {
        position: relative;
    }

.navBlock #myNavbar .nav .text {
    display: none;
    visibility: hidden;
}

.navBlock #myNavbar .nav .userDetails .site-description,
.navBlock #myNavbar .nav .userDetails .azienda-collegata {
    font-size: 10px;
}

.navBlock #myNavbar .nav .userDetails {
    line-height: 12px;
    margin-right: 5px;
}

    .navBlock #myNavbar .nav .userDetails .welcome a {
        font-weight: bold;
        font-size: 12px;
        line-height: 15px;
    }

    .navBlock #myNavbar .nav .userDetails .welcome,
    .navBlock #myNavbar .nav .userDetails .site-description,
    .navBlock #myNavbar .nav .userDetails .azienda-collegata {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
/* FINE HEADER NAV */

/* NEWS & NOTIFICHE HOME */
.news.blockHome #news h1.newsTitle,
.notification.blockHome #notification h1.notificationTitle {
    font-size: 15px;
    font-weight: normal;
    color: var(--green);
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    margin: 5px 0 0;
    padding: 5px 0 0;
    border: 0 none;
    letter-spacing: -0.5px;
    border-top: 1px dotted #ccc;
}

.news.blockHome #news .newsItem:first-child h1.newsTitle,
.notification.blockHome #notification .notificationItem:first-child h1.notificationTitle {
    border-top: 0 none;
}

.news.blockHome #news .newsContent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 35px;
}

.notification.blockHome #notification .notificationContent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 20px;
}
/* FINE NEWS & NOTIFICHE HOME */

/* BOX HOME */
.container-fluid.index {
    padding-top: 15px;
    background-color: var(--pageBackground);
    margin-bottom: 0 !important;
}

    .container-fluid.index .blockHome {
        border: 1px solid var(--greyXtraLight);
        border-radius: var(--baseRadius);
        line-height: 130%;
        padding: 15px 20px 20px;
        margin-bottom: 15px;
    }

        .container-fluid.index .blockHome .topContent {
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        .container-fluid.index .blockHome h2 {
            font-size: 17px;
            font-weight: normal;
            color: var(--green);
            font-family: 'Open Sans', sans-serif;
            margin: 0;
            display: inline-flex;
            padding: 10px 0;
        }

            .container-fluid.index .blockHome h2 i.fa-solid {
                margin-right: 7px;
                position: relative;
                top: 1px;
                width: 17px;
                text-align: center;
            }

        .container-fluid.index .blockHome h1 i.fa-solid.fa-building-columns {
            top: 0;
        }

.blockHome a.cta {
    width: 100%;
    margin-top: 15px !important;
}

.container-fluid.index .profilo.blockHome h1 {
    font-size: 21px;
    padding: 0;
    margin: 0;
    font-family: 'Open sans', sans-serif;
    color: var(--greyDark);
    background-color: transparent;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    display: block;
}

.container-fluid.index .profilo.blockHome h3 {
    font-size: 15px;
    text-align: center;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.container-fluid.index .profilo.blockHome h1,
.container-fluid.index .profilo.blockHome h3 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container-fluid.index .profilo.blockHome .profiloText {
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px dotted var(--greyXtraLight);
    clear: both;
}

.container-fluid.index .profilo.blockHome .userPic img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.blockUserData {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.container-fluid.index .profilo.blockHome .cta,
#scadenze-imminenti .blockHome .cta,
.container-fluid.index .news.blockHome .cta {
    height: auto;
    line-height: 16px;
    padding: 9px 10px;
}

.container-fluid.index .profilo.blockHome .userInfo {
    padding-left: 20px;
    width: calc(100% - 100px);
}

.container-fluid.index .profilo.blockHome .userPic {
    width: 100px;
    margin: 0 !important;
}

.container-fluid.index .profilo.blockHome .userInfo h1,
.container-fluid.index .profilo.blockHome .userInfo h2,
.container-fluid.index .profilo.blockHome .userInfo h3 {
    text-align: left;
}

.container-fluid.index .blockHome .textBlockHome {
    position: relative;
    padding-right: 35px;
    border-bottom: 1px dotted var(--greyXtraLight);
    padding-bottom: 10px;
}

    .container-fluid.index .blockHome .textBlockHome.textBlockHomeFaGO {
        padding-right: 0;
    }

        .container-fluid.index .blockHome .textBlockHome.textBlockHomeFaGO .textIntroFaGO {
            padding-right: 35px;
        }

    .container-fluid.index .blockHome .textBlockHome:last-child {
        border-bottom: 0 none;
        padding-bottom: 0;
    }

    .container-fluid.index .blockHome .textBlockHome a.cta#gotofago,
    .container-fluid.index .blockHome .textBlockHome a.cta#gotofago2,
    .container-fluid.index .blockHome .textBlockHome a.cta#gotofago3 {
        top: 5px;
    }

    .container-fluid.index .blockHome .textBlockHome a.cta#unattended-store-link {
        position: relative;
        right: auto;
        top: auto;
        width: 100% !important;
        height: auto;
        border-radius: 0;
        margin-top: 10px !important;
        padding: 7px 10px;
        line-height: 115%;
    }

.blockHome a.cta#store-link {
    right: 0;
    top: calc(50% - 55px);
    padding: 0px;
    text-indent: -99999px !important;
}

    .blockHome a.cta#store-link:after {
        font-family: "Font Awesome 6 Free";
        font-weight: 600;
        text-indent: 0;
        display: block;
        font-size: 14px;
        float: right;
        line-height: 30px;
        content: "\f07a";
        top: -2px;
        right: 5px;
        position: relative;
    }

.container-fluid.index .textBlockHome {
    display: table;
    width: 100%;
}

.container-fluid.index .blockHome.accessoDKid {
    font-size: 15px;
    background-color: #e2e7da;
}

    .container-fluid.index .blockHome.accessoDKid img {
        max-width: 100px;
        padding-bottom: 10px;
    }

    .container-fluid.index .blockHome.accessoDKid .accessoDKidText {
        padding-top: 10px;
        border-top: 1px dotted var(--greyXtraLight);
        clear: both;
    }

    .container-fluid.index .blockHome.accessoDKid h3 {
        font-size: 23px;
        font-weight: normal;
        color: #94c310;
        letter-spacing: -1px;
        font-family: 'Open Sans', sans-serif;
        float: left;
        max-width: calc(100% - 120px);
    }

.container-fluid.index .blockHome .store-alert li {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}

.tele-block-b,
.flussi-block-b {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: var(--colorRed);
    display: block;
    margin: 10px 0 0;
}

.blockHome dt {
    width: 30%;
}

.blockHome dd {
    width: calc(70% - 0.5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockHome dt.clearfix {
    width: 100%;
    border-bottom: 1px dotted var(--greyXtraLight);
}

.blockHome dt,
.blockHome dd {
    vertical-align: top;
}

    .blockHome dt.clearfix:last-of-type {
        border-bottom: 0 none;
    }

#scadenze-imminenti .blockHome .table,
#scadenze-imminenti .blockHome .table tbody,
#scadenze-imminenti .blockHome .table tr {
    margin-bottom: 0;
    display: block;
    margin-top: 3px;
}

#scadenze-imminenti .blockHome #result {
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 8px !important;
    padding-right: 5px;
}

#scadenze-imminenti .blockHome .table tr {
    margin-bottom: 5px;
    width: 100%;
    float: left;
    background-color: #e0dfdf;
}

    #scadenze-imminenti .blockHome .table tr.passiva:before,
    #scadenze-imminenti .blockHome .table tr.attiva:before {
        float: left;
        width: 40px;
        height: 40px;
        content: "\f133";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 21px;
        padding: 5px;
        color: white;
        line-height: 30px;
        text-align: center;
    }

    #scadenze-imminenti .blockHome .table tr.attiva:before {
        background-color: #4f9f06;
    }

    #scadenze-imminenti .blockHome .table tr.passiva:before {
        background-color: #d20000;
    }

#scadenze-imminenti .blockHome .table td {
    border: 0 none;
    padding: 0 5px;
    text-align: left;
    max-width: 100%;
}

    #scadenze-imminenti .blockHome .table td.data {
        padding-top: 4px;
        width: 70px;
        display: inline-block;
        font-weight: bold;
        color: #444;
    }

    #scadenze-imminenti .blockHome .table td.value {
        display: inline-block;
        padding-top: 4px;
        width: calc(100% - 110px);
        text-align: right;
        font-weight: bold;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #scadenze-imminenti .blockHome .table td.name {
        width: calc(100% - 50px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
        display: block;
    }

#boxUserProfile h6 {
    color: var(--greenDark);
    font-size: 15px;
    text-align: center;
}

#boxUserProfile .lookup,
#boxUserProfile #lookup-field {
    width: 100%;
}
/* FINE BOX HOME */


/* FOOTER */
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

    footer .row {
        background-color: var(--greyDark);
        color: #fff;
        font-size: var(--smallText);
        padding: 10px 0;
        width: 100%;
    }

    footer a, footer a:hover, footer a:focus {
        color: #fff;
        cursor: pointer;
    }

    footer .collapse,
    footer .collapsing {
        width: 100%;
    }

    footer a.btn.btn-primary,
    footer a.btn.btn-primary:hover,
    footer a.btn.btn-primary:focus {
        background-color: var(--greyDark) !important;
        border: 0 none;
        border-radius: 5px 5px 0 0 !important;
        align-self: center;
        padding: 0 40px;
    }

    footer .card.card-body {
        border: 0 none;
        border-radius: var(--baseRadius)
    }
/* FINE FOOTER */


/* BTN */
#fileToSendLabel,
#checkFile input,
.cta,
input[type="button"],
.ctasmall,
.configura-scadenze .btn.fileUpload,
a.btn.tab-selected {
    border-radius: var(--baseRadius);
    padding: 0 20px;
    text-align: center;
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--baseText) !important;
    display: inline-block;
    flex-direction: column;
    align-self: stretch;
    height: 35px;
    line-height: 33px;
    background-color: var(--green) !important;
    border: 0 none;
    color: #fff !important;
    align-items: center;
    max-width: 100%;
}

    #fileToSendLabel:hover,
    #fileToSendLabel:focus,
    #checkFile input:hover,
    #checkFile input:focus,
    .cta:hover,
    .cta:focus,
    input[type="button"]:hover,
    .ctasmall:hover,
    .configura-scadenze .btn.fileUpload:hover,
    a.btn.tab-selected:hover,
    input[type="button"]:focus,
    .ctasmall:focus,
    .configura-scadenze .btn.fileUpload:focus,
    a.btn.tab-selected:focus {
        background-color: var(--greenDark) !important;
    }

/* Pulsanti in linea per upload */
#checkFile input,
.inputfileToSend + label strong {
    color: #fff;
    font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--baseText);
    align-items: center;
}

.configurazioneUtente table tr td .form-switch {
    padding-left: 2.2em;
}

.ctaGrey {
    background-color: var(--greyLight) !important;
}

    .ctaGrey:hover,
    .ctaGrey:focus {
        background-color: var(--grey) !important;
    }

input[type="button"] {
    margin-right: 5px;
    margin-left: 0;
    width: auto;
}

#insideSkin #updateProfileButton,
#insideSkin #changePasswordProfileButton,
#insideSkin .button-profile,
#insideSkin #changePasswordProfileExternalButton,
#insideSkin #updateButtonPersonalize,
#insideSkin #ctaImpostazioniNotifiche,
#insideSkin #updateExternalServerButton {
    padding: 0;
}

#insideSkin #updateButtonPersonalize {
    margin-left: 0;
}

    #insideSkin #updateProfileButton div,
    #insideSkin #changePasswordProfileButton div,
    #insideSkin .button-profile div,
    #insideSkin #changePasswordProfileExternalButton div,
    #insideSkin #updateButtonPersonalize div,
    #insideSkin #ctaImpostazioniNotifiche div,
    #insideSkin #updateExternalServerButton div,
    #insideSkin #changeLanguageButton div {
        padding-top: 4px;
    }

/* Bottone popup no accesso a FaGO */
#divPopupFago .cta {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

/* BTN XMLGO */
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.js > label {
    display: inline-block !important;
    margin-right: 2px;
}

    .js > label#dimensione {
        padding: 0.625rem 1.25rem;
    }

.no-js .inputfile + label {
    display: none;
}

.titleSendFileLeftMobile:empty,
#dimensione:empty {
    display: none;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfileToSend + label span,
.inputfileToSend + label strong {
    padding: 0.625rem 1.25rem;
}

.inputfileToSend + label span {
    min-width: 150px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    color: #333;
}
/* FINE BTN */


/* HEADER */
.DKL_logo {
    display: block;
    width: 50px;
    height: 50px;
    background-color: var(--menuTab);
}

    .DKL_logo img {
        padding: 15px 10px;
        width: 50px;
    }

#header.container-fluid {
    z-index: 10;
    overflow: hidden;
    height: 50px;
    display: table;
    position: fixed;
}

    #header.container-fluid .navBlock {
        height: 50px;
    }

.dkLinkLogo {
    width: 130px;
    padding-top: 5px;
}

.dkLinkLogoHeader {
    width: 200px;
    position: relative;
    padding: 10px;
}

#header.container-fluid .navbar-light button.navbar-toggler {
    position: absolute;
    right: 0px;
    top: 5px;
    border-radius: var(--baseRadius);
    background-color: #c1c1c1;
    padding: 8px 10px;
}
/* FINE HEADER */


/* HEADER IMAGE */
.container-fluid.gradient {
    position: relative;
    z-index: -1;
    margin-top: 50px;
}

.container-fluid .imageBlock {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
}

    .container-fluid .imageBlock .row {
        min-height: 200px;
        display: table;
        position: relative;
        padding-bottom: 5px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
        text-align: right;
        width: 100%;
    }

.container-fluid.gradient .studio {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    max-width: calc(100vw - 360px);
}

    .container-fluid.gradient .studio .studioHeaderText {
        width: 100%;
    }

    .container-fluid.gradient .studio img {
        float: left;
        width: 120px;
        height: 120px;
        padding: 0;
        margin: 0 15px 0 -15px !important;
    }

    .container-fluid.gradient .studio h1,
    .container-fluid.gradient .studio h2 {
        font-family: 'Open Sans', sans-serif !important;
        color: white;
        font-weight: normal;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
    }

    .container-fluid.gradient .studio h1 {
        font-size: 27px;
    }

    .container-fluid.gradient .studio h2 {
        font-size: 21px;
    }

.container-fluid.gradient {
    background-color: var(--green);
    padding: 15px;
    min-height: 150px;
    display: table;
}

    .container-fluid.gradient .elycaHeader {
        position: absolute;
        right: 15px;
        top: 0;
        background-color: white;
        padding: 15px;
        border-radius: 0 0 10px 10px;
        width: 200px;
    }

    .container-fluid.gradient .brainyHeader {
        position: absolute;
        right: 15px;
        top: 0;
        padding: 15px;
        border-radius: 0 0 10px 10px;
        width: 200px;
    }

        .container-fluid.gradient .elycaHeader img,
        .container-fluid.gradient .brainyHeader img {
            max-width: 100%;
        }
/* FINE HEADER IMAGE */

/* FORM */
textarea,
input,
select,
.btn,
.dx-texteditor,
.dx-dropdowneditor-icon,
.dx-texteditor-input,
.dx-texteditor.dx-editor-outlined,
.dx-button,
input[type=text],
input[type=password],
.dx-field {
    border-radius: var(--baseRadius) !important;
    font-size: var(--baseText) !important;
    font-family: 'Open Sans', sans-serif;
}

.dx-box-item-content {
    font-size: var(--baseText);
    font-family: 'Open Sans', sans-serif;
}

::-webkit-input-placeholder,
:-ms-input-placeholder,
::placeholder {
    color: var(--greyPlaceholder);
}

input[type=text]:focus,
input[type=password]:focus,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
    border-color: var(--green);
}

.btn,
button,
.dropdown-toggle,
select,
input {
    box-shadow: 0 0 0 0 !important;
    outline: none !important;
}
/* FINE FORM */


/* LOGIN */
#loginForm {
    padding-top: 5px;
    margin-bottom: 20px;
}

#gridloginForm {
    padding: 20px 0 60px !important;
    max-width: 410px !important;
    margin: 0 auto !important;
    font-size: var(--baseText);
}

    #gridloginForm h2 {
        font-size: 23px !important;
        font-weight: normal !important;
        color: var(--green) !important;
        letter-spacing: -1px !important;
        margin-top: 0 !important;
        font-family: 'Open Sans', sans-serif !important;
    }

    #gridloginForm > div {
        padding: 5px !important;
        max-width: 100% !important;
        padding-right: 40px !important;
    }

    #gridloginForm.resetPasswordBlock div.item {
        padding: 0px !important;
    }

    #gridloginForm h4 {
        font-size: 16px !important;
    }

    #gridloginForm .form-horizontal .control-label {
        text-align: left !important;
    }

    #gridloginForm a.back {
        margin-left: 0px;
    }

    #gridloginForm .field-validation-valid.text-danger {
        font-size: smaller;
    }

    #gridloginForm input#Password,
    #gridloginForm input#UserName {
        padding-left: 27px;
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        box-shadow: 0 0 0 30px white inset !important;
    }

    #gridloginForm i.fa-lock,
    #gridloginForm i.fa-user {
        position: absolute;
        top: 10px;
        left: 25px;
        color: var(--greyLight);
        display: block;
    }

    #gridloginForm .awesome-divider {
        height: 1px;
        width: 100%;
        border-top: solid thin var(--greyXtraLight);
        margin: 20px 0;
        text-align: center;
    }

        #gridloginForm .awesome-divider:after {
            content: attr(data-label);
            display: inline-block;
            background: #f4f4f4;
            padding: 0 32px;
            position: relative;
            top: -10px;
            color: var(--greyLight);
        }

    #gridloginForm .cta {
        width: 100%;
        align-items: center;
    }

#resetpasswordform .control-label {
    flex-wrap: wrap;
}

#resetpasswordform label {
    width: 100%;
}

#resetpasswordform .dx-field-item-content {
    width: 100%;
}

#resetpasswordform #CaptchaInputText {
    border: 1px solid var(--greyXtraLight);
    padding: 8px 10px;
    margin-top: 5px;
    width: 100%;
}

#resetpasswordform .panel-body a {
    margin-top: 5px;
    display: block;
}

.password-icon {
    float: right;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    opacity: 0.5;
}

.old-password-icon {
    margin-top: -145px;
}

.new-password-icon {
    margin-top: -83px;
}

.confirm-password-icon {
    margin-top: -20px;
}

#gridloginForm .details_form legend {
    font-size: 23px !important;
    font-weight: normal !important;
    color: var(--green) !important;
    letter-spacing: -1px !important;
    margin-top: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
}

#gridloginForm .backBtnSuccess a {
    background-color: var(--green);
    color: #fff;
    width: 100%;
    display: block;
    padding: 7px;
}

    #gridloginForm .backBtnSuccess a:hover,
    #gridloginForm .backBtnSuccess a:focus {
        background-color: var(--greenDark);
    }

/* TAB LOGIN */
#loginForm .card-header.tab-card-header {
    background-color: transparent;
    border-radius: var(--baseRadius);
    border: 0 none;
    padding: 0;
}

#loginForm .nav.nav-tabs {
    background: transparent;
    margin-left: 0;
    margin-right: 0;
}

    #loginForm .nav.nav-tabs > li {
        margin-left: 0;
        padding-left: 0;
        width: 50%;
        text-align: center;
        background-color: white;
    }

#loginForm .nav-tabs .nav-link {
    font-family: 'Open Sans', sans-serif;
    font-size: larger;
    font-weight: 600;
    color: #777;
    border-radius: var(--baseRadius);
    background-color: #dbdada;
}

    #loginForm .nav-tabs .nav-link.active,
    #loginForm .nav-tabs .nav-item.show .nav-link {
        font-family: 'Open Sans', sans-serif;
        font-size: larger;
        font-weight: bold;
        color: var(--greenDark);
        background-color: transparent;
    }

#loginForm .nav-tabs > li > a.tab-selected,
#loginForm .nav-tabs > li > a.tab-selected:focus,
#loginForm .nav-tabs > li > a.tab-selected:hover {
    cursor: default;
}

#loginForm .nav-tabs > li > a:focus,
#loginForm .nav-tabs > li > a:hover {
    background-color: #ddd;
    border-radius: var(--baseRadius);
}

#loginForm #two.tab-pane img {
    max-width: 100px;
}

#loginForm .tab-content {
    padding: 10px 15px 0;
    border-top: 0 none;
    background-color: white;
}

    #loginForm .tab-content .tab-pane {
        padding: 10px 0 5px !important;
    }
/* FINE LOGIN FORM */

/* INSIDE SKIN */
body#insideSkin {
    overflow: hidden;
}

.clientAreaContent {
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 15px;
    clear: both;
}

    .clientAreaContent.cac-with-lookup.cac-summary {
        height: calc(100vh - 150px);
        padding-top: 0;
        margin-top: 15px;
    }

    .clientAreaContent.generalConfig:not(.isAdmin) {
        margin: 0 -15px -15px;
        height: calc(100vh - 50px);
    }

    .clientAreaContent.generalConfig.isAdmin,
    .pageAccordi .clientAreaContent,
    .clientAreaContent.configurazioneUtente.configurazioneScadenze {
        overflow-y: hidden;
    }

    .clientAreaContent.enroll {
        height: calc(100vh - 35px);
    }

    .clientAreaContent#guidesPage {
        margin: 0 -5px;
        height: calc(100vh - 70px);
    }

    .clientAreaContent.searchDoc {
        padding: 0;
        height: calc(100vh - 160px);
        margin: -15px -15px 0 0;
        overflow: hidden;
    }

    .clientAreaContent.presenze {
        padding: 15px 15px 0 5px;
    }

.userProfile.changePassword {
    padding-top: 20px;
}

#insideSkin .container-fluid.centerBlock {
    height: 100vh;
    margin: 0;
    padding-left: 0;
    overflow: hidden;
    padding-top: 50px;
}

#insideSkin .row.tableModule #folder-sidebar {
    flex-basis: 40px;
    background-color: #cfcfcf;
}

    #insideSkin .row.tableModule #folder-sidebar .sidebarList {
        display: none;
        vertical-align: top;
        padding: 15px 12px;
        width: calc(100% - 45px);
        overflow-y: auto;
        height: 100%;
    }

    #insideSkin .row.tableModule #folder-sidebar a.btn.btn-primary {
        width: 40px;
        height: 100%;
        background-color: #c0c0c0;
        color: #555;
        border: 0 none;
        position: relative;
        border-left: 5px solid #aaa;
    }

        #insideSkin .row.tableModule #folder-sidebar a.btn.btn-primary label {
            transform: rotate(-90deg);
            position: absolute;
            bottom: 42px;
            left: -59px;
            font-size: 15px;
            color: rgb(95, 95, 95);
            width: 150px;
        }

        #insideSkin .row.tableModule #folder-sidebar a.btn.btn-primary i {
            position: absolute;
            top: 12px;
            left: 12px;
            font-size: 14px;
            color: #777;
        }

    #insideSkin .row.tableModule #folder-sidebar .collapse.show {
        width: 300px;
        background-color: #d3d3d3;
        position: absolute;
        top: 50px;
        right: 0;
        border: 0 none;
        border-radius: var(--baseRadius);
        height: calc(100% - 50px);
        padding: 15px;
    }

#insideSkin .row.tableModule,
#insideSkin .row.tableModule #folder-details {
    height: calc(100vh - 50px);
    background-color: var(--pageBackground);
}

    #insideSkin .row.tableModule #folder-sidebar {
        border-top: 1px solid #aaa;
        margin-top: -1px;
        height: calc(100vh - 49px);
        padding: 0;
    }

#insideSkin #folder-body .row.tableModule #folder-nav {
    width: 285px;
    display: inline-flex;
    vertical-align: top;
    border-right: 1px solid var(--greyXtraLight);
    margin-right: 10px;
}

    #insideSkin #folder-body .row.tableModule #folder-nav .treeList {
        width: 270px;
        height: calc(100vh - 130px);
        overflow-y: auto;
    }

#insideSkin #folder-body .row.tableModule .presenze #folder-nav .treeList {
    padding-left: 10px;
}

#insideSkin #folder-body .row.tableModule #grid-container {
    display: inline-flex;
    width: calc(100% - 300px);
    flex-direction: column;
}

#drop_zone {
    border: 2px dashed var(--greyXtraLight);
    border-radius: var(--baseRadius);
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: var(--greyLight);
    margin: 0 !important;
}

    #drop_zone i {
        padding-right: 5px;
    }

.drag-over {
    background: #e0e0e0;
}
/* FINE INSIDE SKIN */

/* TOOLBAR */
#insideSkin #toolbarTop .nav.navbar-nav li {
    margin-left: 5px;
    align-items: flex-start;
}

    #insideSkin #toolbarTop .nav.navbar-nav li.search {
        position: relative;
    }

#insideSkin #toolbarTop a,
#insideSkin #toolbarTop li.search a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    border: 0 none;
    position: relative;
    font-size: 16px;
    padding-top: 6px;
    cursor: pointer;
    line-height: 17px;
    background-color: var(--green);
}

    #insideSkin #toolbarTop a:hover,
    #insideSkin #toolbarTop a:focus {
        background-color: var(--greenDark);
    }

#insideSkin #toolbarTop li.search a {
    background-color: white;
    border: 1px solid var(--greyXtraLight);
    color: #777;
}

#insideSkin #toolbarTop a.not-active,
#insideSkin #toolbarTop a.not-active:hover,
#insideSkin #toolbarTop a.not-active:focus {
    color: #fff;
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

#insideSkin #toolbarTop li.fa-filter-on a {
    background-color: var(--greenDark);
    color: #fff
}

#insideSkin #toolbarTop select,
#insideSkin #toolbarTop input,
#insideSkin .modal-body input.TextBoxSearch,
#insideSkin #toolbarTop li.search a {
    height: 30px;
}

#insideSkin #toolbarTop select {
    height: 30px;
    background-color: var(--green);
    color: #fff;
    border: 0 none;
    opacity: 1;
}

    #insideSkin #toolbarTop select[disabled="disabled"] {
        opacity: 0.5;
    }

#insideSkin .toolbarTop .btn.btn-secondary {
    background-color: var(--green);
    border: 0 none;
    height: 30px;
}

#insideSkin .toolbarTop li button.btn {
    background-color: var(--green);
    border: 0 none;
    color: white;
    height: 30px;
    text-align: center;
}

#insideSkin .toolbarTop .btn.btn-secondary:hover,
#insideSkin .toolbarTop .btn.btn-secondary:focus,
#insideSkin .toolbarTop button.btn:hover,
#insideSkin .toolbarTop button.btn:focus {
    background-color: var(--greenDark);
}

#insideSkin #toolbarTop li.search a {
    position: absolute;
    right: 0px;
    border-left: 0 none;
}

#insideSkin #toolbarTop input,
#insideSkin .modal-body input.TextBoxSearch {
    width: 150px;
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid var(--greyXtraLight);
    height: 30px;
    padding-right: 50px;
    padding-left: 9px;
    vertical-align: top;
}

#insideSkin #toolbarTop li.lookup #lookup-field,
#insideSkin #toolbarTop li.lookup #soggetti-lookup-field {
    max-width: 150px;
    height: 30px;
    margin-right: 0;
    background-color: var(--green);
    color: #fff;
    border: 0 none;
}

    #insideSkin #toolbarTop li.lookup #lookup-field .dx-lookup-arrow,
    #insideSkin #toolbarTop li.lookup #soggetti-lookup-field .dx-lookup-arrow {
        font: unset;
        width: 22px;
        color: #fff;
        text-align: center;
        border-left: 1px solid #fff;
        margin: 6px 0;
        height: 18px;
    }

        #insideSkin #toolbarTop li.lookup #lookup-field .dx-lookup-arrow:before,
        #insideSkin #toolbarTop li.lookup #soggetti-lookup-field .dx-lookup-arrow:before {
            display: inline-block;
            content: "";
            border-top: 4px solid;
            border-right: 4px solid transparent;
            border-bottom: 0;
            border-left: 4px solid transparent;
            font: unset;
            width: auto;
            color: #fff;
            text-align: center;
            top: 8px;
            left: auto;
            right: 7px;
            margin: 0;
        }

    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-scadenze,
    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-monitoraggio,
    #insideSkin #toolbarTop li.lookup #soggetti-lookup-field.lookup-monitoraggio {
        max-width: 200px;
    }

#insideSkin #toolbarTop .navbar {
    flex-direction: column;
    align-items: flex-end;
    padding-top: 5px !important;
}

#insideSkin #toolbarTop .navbar-toggler {
    border-radius: var(--baseRadius);
    border-color: var(--greyXtraLight);
}

#insideSkin #toolbarTop .dropdown button.btn.btn-secondary,
#insideSkin .dx-popup-content .dropdown button.btn.btn-secondary {
    background-color: var(--green);
    border: 0 none;
    color: #fff;
    height: 30px;
    position: relative;
    padding: 0 30px 0 7px;
}

#insideSkin .dx-popup-content .dropdown button.btn.btn-secondary {
    margin: 0 0 20px;
}

    #insideSkin #toolbarTop .dropdown button.btn.btn-secondary.dropdown-toggle::before,
    #insideSkin .dx-popup-content .dropdown button.btn.btn-secondary.dropdown-toggle::before {
        border-left: 1px solid #fff;
        content: "";
        position: relative;
        right: calc(-100% + -8px);
    }

    #insideSkin #toolbarTop .dropdown button.btn.btn-secondary.dropdown-toggle::after,
    #insideSkin .dx-popup-content .dropdown button.btn.btn-secondary.dropdown-toggle::after {
        position: absolute;
        top: 14px;
        right: 7px;
    }

    #insideSkin #toolbarTop .dropdown button.btn.btn-secondary:hover,
    #insideSkin #toolbarTop .dropdown button.btn.btn-secondary:focus,
    #insideSkin .dx-popup-content .dropdown button.btn.btn-secondary:hover,
    #insideSkin .dx-popup-content .dropdown button.btn.btn-secondary:focus {
        background-color: var(--greenDark);
    }

#insideSkin #toolbarTop .dropdown .dropdown-menu,
#insideSkin .dx-popup-content .dropdown .dropdown-menu {
    float: none;
    position: absolute;
    border-radius: var(--baseRadius);
    top: 31px;
    right: 0;
    left: auto;
    padding: 5px;
    margin: 0;
    border: 0 none;
    background-color: var(--green);
}

#insideSkin .dx-popup-content .dropdown .dropdown-menu {
    width: 300px;
    margin-top: 1px;
}

    #insideSkin #toolbarTop .dropdown .dropdown-menu a.dropdown-item,
    #insideSkin #toolbarTop .dropdown .dropdown-menu li a,
    #insideSkin .dx-popup-content .dropdown .dropdown-menu a.dropdown-item,
    #insideSkin .dx-popup-content .dropdown .dropdown-menu li a {
        width: auto;
        height: auto;
        border: 0 none;
        text-align: left;
        font-size: var(--baseText);
        color: white;
        display: block;
        padding: 3px 10px;
        margin: 0 0 5px 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.dropdown .dropdown-menu .dropdown-item:disabled,
.dropdown .dropdown-menu .dropdown-item.disabled {
    opacity: 0.4;
}

#insideSkin #toolbarTop .dropdown .dropdown-menu a.dropdown-item:hover,
#insideSkin #toolbarTop .dropdown .dropdown-menu a.dropdown-item:focus,
#insideSkin .dx-popup-content .dropdown .dropdown-menu a.dropdown-item:hover,
#insideSkin .dx-popup-content .dropdown .dropdown-menu a.dropdown-item:focus {
    background-color: var(--greenDark);
}

#insideSkin #toolbarTop .dropdown .dropdown-menu a.dropdown-item:last-child,
#insideSkin .dx-popup-content .dropdown .dropdown-menu a.dropdown-item:last-child {
    margin: 0;
}

#insideSkin #toolbarTop ul li.btnIconText a {
    width: auto;
    padding: 5px 10px;
}

#insideSkin #toolbarTop ul li a .btnToolbarText,
#insideSkin #toolbarTop ul li a i.fa-solid.fa-save {
    display: inline-block;
}

#insideSkin #toolbarTop ul li a .btnToolbarText {
    font-size: 15px;
    padding-left: 5px;
    position: relative;
    top: -2px;
}

#insideSkin .toolbarTop .navbar .nav.float-left {
    margin-left: -5px;
}

@media only screen and (max-width: 1200px) {
    #insideSkin .toolbarTop select,
    #insideSkin .toolbarTop li.lookup #lookup-field.lookup-scadenze,
    #insideSkin .toolbarTop li.lookup #lookup-field.lookup-monitoraggio,
    #insideSkin .toolbarTop li.lookup #soggetti-lookup-field.lookup-monitoraggio {
        width: 80px;
        max-width: 80px;
    }
}
/* FINE TOOLBAR */

/* DASHBOARD */
.GDM_item {
    border: 1px solid var(--greyXtraLight);
    background-color: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: var(--baseRadius);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    .GDM_item .cashflow-title-detail {
        border-bottom: 0 none;
    }

    .GDM_item .dxc-title text {
        fill: var(--green) !important;
    }

    .GDM_item #infoDashboardBox,
    .GDM_item #infoDetailBox {
        display: inline-block;
        width: 34px;
        height: 34px;
        text-align: center;
        color: var(--grey);
        border: 1px solid #ddd;
        position: relative;
        font-size: 21px;
        padding-top: 5px;
        cursor: pointer;
        line-height: 15px;
        border-radius: 5px;
        z-index: 1;
    }

    .GDM_item .cashflow-title-detail {
        padding: 5px 0 10px;
    }

    .GDM_item h1 .value {
        float: right;
        font-weight: normal;
        font-size: 32px;
        margin-top: -7px;
    }

    .GDM_item .green {
        color: #36950e !important;
    }

    .GDM_item .orange {
        color: #e98d17 !important;
    }

    .GDM_item .red {
        color: var(--colorRed) !important;
    }

    .GDM_item .rigaDetail span.grey {
        color: var(--grey);
    }

    .GDM_item .rigaDetail span {
        font-size: 16px;
    }

        .GDM_item .rigaDetail span:first-of-type {
            float: left;
            font-weight: 600;
            clear: both;
            width: 70%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .GDM_item .rigaDetail span:last-of-type {
            float: right;
            text-align: right;
            width: 30%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    .GDM_item .rigaDetail {
        display: flex;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dotted var(--greyXtraLight);
    }

        .GDM_item .rigaDetail:first-of-type span {
            font-weight: bold;
        }

        .GDM_item .rigaDetail:nth-child(4) {
            border-bottom: 2px solid var(--greyXtraLight);
        }

        .GDM_item .rigaDetail.rigaDetailEtichetta:nth-child(3) {
            border-bottom: 1px dotted var(--greyXtraLight);
        }

        .GDM_item .rigaDetail:last-child {
            padding-bottom: 5px;
            margin-bottom: 0;
            border-bottom: 0 none;
        }

    .GDM_item dl {
        margin-top: 10px;
        margin-bottom: 0;
        padding-top: 10px;
        border-top: 1px dotted var(--greyXtraLight);
        display: table;
        width: 100%;
    }

    .GDM_item dt {
        float: left;
        clear: both;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dotted var(--greyXtraLight);
        width: 80%;
        font-weight: 600;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .GDM_item dt:last-of-type,
        .GDM_item dd:last-of-type {
            border-bottom: 0 none;
        }

    .GDM_item dd {
        float: right;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dotted var(--greyXtraLight);
        width: 20%;
        text-align: right;
        font-size: 15px;
        font-weight: 600;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .GDM_item .collapsibleBox {
        clear: both;
        padding: 10px 0;
        border-top: 1px solid var(--greyXtraLight);
    }

        .GDM_item .collapsibleBox a {
            color: var(--green);
            text-transform: uppercase;
            font-size: 16px;
        }

    .GDM_item div.collapsibleBox:last-of-type {
        padding-bottom: 0;
    }

    .GDM_item .collapsibleBox i.fa-solid {
        float: right;
    }

    .GDM_item div.collapsibleBox table {
        margin: 0;
        border: 0 none;
        line-height: 110%;
    }

        .GDM_item div.collapsibleBox table tbody,
        .GDM_item div.collapsibleBox table tr {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

    .GDM_item div.collapsibleBox .table > tbody > tr > td {
        border: 0 none;
        padding: 5px 5px 5px 0;
    }

    .GDM_item div.collapsibleBox table td:first-child {
        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .GDM_item div.collapsibleBox table td:last-child {
        text-align: right;
        width: 20%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .GDM_item .collapsibleBox a:after {
        font-family: "Font Awesome 6 Free";
        content: '\f0d7';
        float: right;
        font-size: 21px;
        font-weight: 900;
    }

    .GDM_item .collapsibleBox a[aria-expanded="false"]:after {
        font-family: "Font Awesome 6 Free";
        content: '\f0d8';
    }
/* FINE DASHBOARD */

/* MENU POPUP */
#folder-sidebar .sidebarList .listMenuItem {
    margin: 0 0 5px;
    width: 100%;
}

    #folder-sidebar .sidebarList .listMenuItem a .insideIcon {
        color: #fff;
        font-size: 24px;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        vertical-align: top;
        display: inline-block;
    }

.tableModule #folder-sidebar .sidebarList .listMenuItem a .insideIcon i.fa-solid {
    color: #fff;
}

#folder-sidebar .sidebarList .listMenuItem a {
    background-color: #ddd;
    display: block;
    height: 44px;
    color: #333;
    cursor: pointer;
}

#folder-sidebar .sidebarList .listMenuItem .insideText {
    display: inline-block;
    width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 5px 5px;
    line-height: 115%;
    font-size: 14px;
}

    #folder-sidebar .sidebarList .listMenuItem .insideText .insideSectionTitle {
        font-size: 10px;
        text-transform: uppercase;
        color: #777;
    }

/* FILTRI */
#folder-sidebar .sidebarList .listMenuItem.filter-box .insideIcon {
    background-color: var(--green);
}

#folder-sidebar .sidebarList .listMenuItem.filter-box.fa-filter-on .insideIcon {
    background-color: rgba(3,154,154,0.4);
}

#folder-sidebar .sidebarList .listMenuItem.filter-box a:hover,
#folder-sidebar .sidebarList .listMenuItem.filter-box a:focus {
    background-color: #ccc;
}

/* IMPORT */
#folder-sidebar .sidebarList .listMenuItem.import-box .insideIcon {
    background-color: var(--contrastGreen);
}

/* ELABORAZIONI */
#folder-sidebar .sidebarList .listMenuItem.elaborazioni-box .insideIcon {
    background-color: var(--greyLight);
}

/* INFO */
#folder-sidebar .sidebarList .listMenuItem.info-box .insideIcon {
    background-color: var(--grey);
}

/* STRUMENTI */
#folder-sidebar .sidebarList .listMenuItem.strumenti-box .insideIcon {
    background-color: #46a012;
}
/* FINE MENU POPUP */

/* GRID */
/* Grid profilo config notifiche */
.dx-datagrid .dx-datagrid-headers.dx-datagrid-nowrap {
    padding-right: 0;
}

#grid-utente .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-datagrid .dx-header-filter.dx-header-filter-empty::before {
    color: var(--greyXtraLight);
}

.dx-datagrid .dx-header-filter::before {
    color: #009a9a;
}

/* Popup selezione colonne */
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 10px 0 10px 10px;
}

/* Dettagli sopra le grid */
.total-count-container {
    width: 100%;
    margin-bottom: 10px;
}

.total-count-item {
    display: inline-table;
    padding: 6px 9px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #fff !important;
    line-height: 17px;
    min-width: 140px;
}

.total-count-label,
.total-count-detail {
    display: block;
    text-transform: uppercase;
    text-align: left;
}

.total-count-detail {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
}

.total-count-label {
    font-size: 12px;
    display: inline-block;
}

.total-count-item i.fa-solid.fa-question-circle {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
    top: -2px;
    position: relative;
}

.total-count-label,
.total-count-detail {
    color: #fff;
}

.red.total-count-item {
    background-color: var(--colorRed);
}

.green.total-count-item {
    background-color: #4f9f06;
}

.grey.total-count-item {
    background-color: #9d9b9b;
}

.blue.total-count-item {
    background-color: #287dd0;
}

.magenta.total-count-item {
    background-color: #bd28c3;
}

.orange.total-count-item {
    background-color: #ed860b;
}

#insideSkin .dx-datagrid-headers {
    font-weight: bold;
    background-color: var(--pageBackground) !important;
}

.dx-datagrid-filter-row .dx-menu {
    margin-top: -1px;
    margin-left: 0;
}

#insideSkin .dx-datagrid-rowsview,
#insideSkin .dx-datagrid-headers {
    font-size: var(--baseText) !important;
}

    #insideSkin .dx-datagrid-headers .dx-datagrid-content {
        margin: 0px;
        padding: 0;
        background-color: transparent;
    }

    #insideSkin .dx-datagrid-headers table.dx-datagrid-table tbody tr.dx-datagrid-filter-row td {
        background-color: var(--pageBackground) !important;
        padding-top: 4px;
    }

#insideSkin .dx-datagrid .dx-datagrid-headers .dx-datagrid-table td {
    border-bottom: 0px none;
}

#insideSkin .dx-datagrid-rowsview .dx-row {
    border-top: 0px none;
}

#insideSkin .dx-datagrid-headers .dx-column-indicators {
    margin: 0 5px;
}

#insideSkin .dx-datagrid-headers .fa-solid {
    color: #555;
    display: inline-block;
}

#insideSkin table.dx-datagrid-table .fa-solid,
#insideSkin table.dx-datagrid-table .far,
#insideSkin .dx-datagrid-headers .fa-solid,
#insideSkin .dx-datagrid-headers .far {
    font-size: 16px;
}

#insideSkin table.dx-datagrid-table > thead > tr > th,
#insideSkin table.dx-datagrid-table > tbody > tr > th,
#insideSkin table.dx-datagrid-table > tfoot > tr > th,
#insideSkin table.dx-datagrid-table > thead > tr > td,
#insideSkin table.dx-datagrid-table > tbody > tr > td,
#insideSkin table.dx-datagrid-table > tfoot > tr > td,
#insideSkin .dx-datagrid-headers th,
#insideSkin .dx-datagrid-headers th,
#insideSkin .dx-datagrid-headers td {
    vertical-align: top;
    border: 0px none;
    border: 0 none;
    border-bottom: 1px solid #ddd;
    padding: 6px 7px 4px;
    color: var(--greyDark);
    background-color: #fff !important;
}

    #insideSkin table.dx-datagrid-table > thead > tr > td:empty,
    #insideSkin table.dx-datagrid-table > tbody > tr > td:empty,
    #insideSkin table.dx-datagrid-table > tfoot > tr > td:empty,
    #insideSkin .dx-datagrid-headers td:empty {
        border-left: 0 none;
        border-right: 0 none;
    }

    #insideSkin table.dx-datagrid-table > thead > tr > th:first-child,
    #insideSkin table.dx-datagrid-table > tbody > tr > th:first-child,
    #insideSkin table.dx-datagrid-table > tfoot > tr > th:first-child,
    #insideSkin table.dx-datagrid-table > thead > tr > td:first-child,
    #insideSkin table.dx-datagrid-table > tbody > tr > td:first-child,
    #insideSkin table.dx-datagrid-table > tfoot > tr > td:first-child,
    #insideSkin .dx-datagrid-headers th:first-child,
    #insideSkin .dx-datagrid-headers th:first-child,
    #insideSkin .dx-datagrid-headers td:first-child {
        border-left: 0 none;
    }

    #insideSkin table.dx-datagrid-table > thead > tr > th:last-child,
    #insideSkin table.dx-datagrid-table > tbody > tr > th:last-child,
    #insideSkin table.dx-datagrid-table > tfoot > tr > th:last-child,
    #insideSkin table.dx-datagrid-table > thead > tr > td:last-child,
    #insideSkin table.dx-datagrid-table > tbody > tr > td:last-child,
    #insideSkin table.dx-datagrid-table > tfoot > tr > td:last-child,
    #insideSkin .dx-datagrid-headers th:last-child,
    #insideSkin .dx-datagrid-headers th:last-child,
    #insideSkin .dx-datagrid-headers td:last-child {
        border-right: 0 none;
    }

#insideSkin div.dx-datagrid-rowsviewn table.dx-datagrid-table tbody tr {
    background-color: transparent !important;
}

#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover td,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-state-hover td,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-state-hover,
#insideSkin .dx-datagrid-rowsview .dx-row.dx-selection,
#insideSkin .dx-datagrid-rowsview .dx-row.dx-selection td {
    background-color: var(--rowSelected) !important;
}

#insideSkin div.dx-datagrid-rowsview .dx-edit-row.dx-master-detail-row:hover,
#insideSkin div.dx-datagrid-rowsview .dx-edit-row.dx-master-detail-row td:hover {
    background-color: transparent !important;
}

#insideSkin .dx-datagrid-headers table.dx-datagrid-table tbody tr td,
#insideSkin .dx-datagrid-headers table.dx-datagrid-table tbody tr.dx-state-hover td {
    border-color: transparent;
    background-color: transparent !important;
    color: #555 !important;
}

#insideSkin .dx-datagrid-headers table .dx-editor-cell .dx-texteditor {
    background: #fff;
    border: 1px solid var(--greyXtraLight) !important;
    border-radius: var(--baseRadius);
}

table .dx-header-row,
table .dx-datagrid-filter-row {
    border-bottom: 2px solid var(--greyXtraLight);
}

.dx-datagrid-focus-overlay {
    display: none;
}

table .dx-datagrid-filter-row .dx-texteditor-input-container + .dx-texteditor-input {
    padding: 3px;
    min-height: 28px;
    padding-left: 27px;
}

table .dx-datagrid-filter-row .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 5px 3px;
}

table .dx-datagrid-filter-row .dx-texteditor-buttons-container {
    width: 38px;
}

    table .dx-datagrid-filter-row .dx-texteditor-buttons-container .dx-dropdowneditor-icon {
        width: 28px;
    }

    table .dx-datagrid-filter-row .dx-texteditor-buttons-container .dx-button-mode-contained {
        border-left: 1px solid #ddd !important;
        height: 28px;
    }

#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row .dx-datagrid-rowsview .dx-row.dx-data-row:nth-last-child(-n+2) td,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row .dx-datagrid-rowsview .dx-row.dx-data-row:nth-last-child(-n+2) {
    border-bottom: 0 none !important;
}

#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row .dx-datagrid-headers {
    border-bottom: 1px solid var(--greyXtraLight);
}

#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row .dx-datagrid {
    margin-left: 25px;
}

#insideSkin table.dx-datagrid-table div[id ^= "master-detail-"] .dx-datagrid-headers {
    border-bottom: 1px solid var(--greyXtraLight);
}

#insideSkin .dx-datagrid-rowsview .dx-row.dx-selection td {
    border-right: 0 none;
}

#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row td,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row table.dx-datagrid-table,
#insideSkin div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr.dx-master-detail-row table.dx-datagrid-table tbody tr td {
    background-color: #f0f0f0;
}

#insideSkin .dx-datagrid .dx-datagrid-total-footer .dx-row, #insideSkin .dx-datagrid .dx-datagrid-total-footer .dx-row > td {
    padding: 0 !important;
}

#insideSkin .sintesiDataGridData[id^="situazioneClienti"] .dx-datagrid-total-footer .dx-row > td,
#insideSkin .sintesiDataGridData[id^="situazioneFornitori"] .dx-datagrid-total-footer .dx-row > td,
#insideSkin div[id^="gridClienti"] .dx-datagrid-total-footer .dx-row > td,
#insideSkin div[id^="gridFornitori"] .dx-datagrid-total-footer .dx-row > td {
    background-color: transparent !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#insideSkin .dx-datagrid .dx-datagrid-total-footer {
    border: 0 none;
}

#insideSkin #grid-scadenze .dx-datagrid-summary-item.dx-datagrid-text-content,
#insideSkin #GridViewGestioneFatture .dx-datagrid-summary-item.dx-datagrid-text-content,
#insideSkin #GridViewIntegraSdi .dx-datagrid-summary-item.dx-datagrid-text-content {
    display: none;
}


#insideSkin table.dx-datagrid-table a.fa-solid,
#insideSkin table.dx-datagrid-table a.far,
#insideSkin table.dx-datagrid-table a i,
#insideSkin table.dx-datagrid-table i,
#insideSkin table.dx-datagrid-table td:hover a.fa-solid,
#insideSkin table.dx-datagrid-table td:hover a.far,
#insideSkin table.dx-datagrid-table td:hover a i,
#insideSkin table.dx-datagrid-table td:hover i,
#insideSkin table.dx-datagrid-table td:focus a.fa-solid,
#insideSkin table.dx-datagrid-table td:focus a.far,
#insideSkin table.dx-datagrid-table td:focus a i,
#insideSkin table.dx-datagrid-table td:focus i {
    font-size: 16px;
    color: var(--greyLight);
    text-decoration: none;
    margin: 0 5px;
}

    #insideSkin table.dx-datagrid-table a.fa-solid:hover,
    #insideSkin table.dx-datagrid-table a.far:hover,
    #insideSkin table.dx-datagrid-table a.fa-solid:hover,
    #insideSkin table.dx-datagrid-table a.far:hover {
        color: var(--green) !important;
    }

    #insideSkin table.dx-datagrid-table a.fa-solid.fa-play.red:hover,
    #insideSkin table.dx-datagrid-table a.fa-solid.fa-play.red:focus,
    #insideSkin table.dx-datagrid-table a.fa-solid.fa-triangle-exclamation.red:hover,
    #insideSkin table.dx-datagrid-table a.fa-solid.fa-triangle-exclamation.red:focus {
        color: #940000 !important;
    }

    #insideSkin table.dx-datagrid-table a.fa-solid.fa-triangle-exclamation.orange:hover,
    #insideSkin table.dx-datagrid-table a.fa-solid.fa-triangle-exclamation.orange:focus {
        color: #c9720f !important;
    }

.dx-link.fa-solid.icon-chat,
.dx-link.fa-solid.icon-chat-o {
    font-size: 13px !important;
}

.dx-datagrid-table a .fa-solid.fa-download {
    margin-left: 6px;
    font-size: 16px;
    position: relative;
    top: 0;
}

    .dx-datagrid-table a .fa-solid.fa-download:hover,
    .dx-datagrid-table a .fa-solid.fa-download:focus {
        color: var(--green) !important;
    }

.dx-datagrid-table .fa-solid.fa-dolly {
    color: #b12521;
}

    .dx-datagrid-table .fa-solid.fa-dolly:hover,
    .dx-datagrid-table .fa-solid.fa-dolly:focus {
        color: #900d09;
    }

.dx-datagrid-table .fa-solid.fa-gas-pump,
.tableModule i.icon-docfirmato:before {
    color: var(--green);
}

    .dx-datagrid-table .fa-solid.fa-gas-pump:hover,
    .dx-datagrid-table .fa-solid.fa-gas-pump:focus {
        color: var(--greenDark);
    }

.tableModule .list-group .list-group-item i.fa-file-archive {
    color: #dd9a01 !important;
}

.tableModule .list-group .list-group-item i.fa-file-code {
    color: #01c5ff !important;
}

.tableModule .list-group .list-group-item i.fa-file-image,
#insideSkin .tableModule .dx-datagrid-content tr td i.icon-docaccess:before {
    color: #b6016a !important;
}

.tableModule .list-group .list-group-item i.fa-file-alt,
.tableModule .list-group .list-group-item i.fa-file-o,
.tableModule .list-group .list-group-item i.fa-file-audio {
    color: #333333 !important;
}

.tableModule .list-group .list-group-item i.fa-file-word {
    color: #0f25b6 !important;
}

.tableModule .list-group .list-group-item i.fa-file-video {
    color: #006801 !important;
}

#insideSkin .tableModule .dx-datagrid-content tr td i.icon-docemail:before {
    color: #006f94 !important;
}

.tableModule .list-group .list-group-item i.fa-file-powerpoint {
    color: #ff7f00 !important;
}

.tableModule .list-group .list-group-item i.fa-file-excel {
    color: #009800 !important;
}

.tableModule .toolbarTop i.fa-file-excel {
    color: #fff !important;
}

.tableModule .list-group .list-group-item i.fa-file-pdf {
    color: #d60000 !important;
}

.statook {
    color: #36a926 !important;
}

.statowait {
    color: #7d7d7d !important;
}

.statoPending {
    color: #ff7f00 !important;
}

.massiveList {
    border: 1px solid var(--greyXtraLight);
    margin-top: 2px;
    border-radius: var(--baseRadius);
    padding: 10px 10px 5px;
    background-color: #fff;
}

div[id^="collapseAzioni_"] {
    position: absolute;
    z-index: 10000;
}

    div[id^="collapseAzioni_"] .list-group-item {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    div[id^="collapseAzioni_"] a,
    div[id^="collapseAzioni_"] a:hover,
    div[id^="collapseAzioni_"] a:focus {
        color: #333;
    }

        div[id^="collapseAzioni_"] i,
        div[id^="collapseAzioni_"] a.fa-solid:before,
        div[id^="collapseAzioni_"] a.far:before,
        div[id^="collapseAzioni_"] a.fa-solid,
        div[id^="collapseAzioni_"] a.far,
        div[id^="collapseAzioni_"] a i {
            padding: 0 !important;
            margin: 0 !important;
            width: 25px;
            font-size: 16px !important;
            text-align: left;
            position: relative;
        }

.dkDriveGrid {
    background-image: url("../img/bgDkDrive.png");
}

.dkSignGrid {
    background-image: url("../img/bgDkSign.png");
}

.anagrafiche-scadenze {
    background-image: url("../img/anagraficaBg.png");
}

.dkDriveGrid,
.dkSignGrid,
.anagrafiche-scadenze {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

    .dkDriveGrid #empty-page,
    .dkSignGrid #empty-page,
    .anagrafiche-scadenze #empty-page,
    .documents #empty-page {
        padding: 15px;
        font-family: 'Open Sans', sans-serif;
        color: var(--greenMedium);
        font-size: 16px;
        background-color: var(--greenXtraLight);
        border: 1px dotted var(--green);
        height: 51px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dkDriveGrid .dx-datagrid,
    .dkSignGrid .dx-datagrid,
    .anagrafiche-scadenze .dx-datagrid,
    #insideSkin .dkDriveGrid table.dx-datagrid-table > tbody > tr > td,
    #insideSkin .dkSignGrid table.dx-datagrid-table > tbody > tr > td,
    #insideSkin .anagrafiche-scadenze table.dx-datagrid-table > tbody > tr > td {
        background-color: transparent;
    }

.row.headerNotifiche #folder-details-all-width a.dx-icon-edit:before,
.notifiche-mail a.dx-icon-edit:before {
    content: "\f304";
}

.row.headerNotifiche #folder-details-all-width a.dx-icon-trash:before,
.notifiche-mail a.dx-icon-trash:before {
    content: "\f2ed";
}

.row.headerNotifiche #folder-details-all-width a.dx-icon-edit,
.row.headerNotifiche #folder-details-all-width a.dx-icon-trash,
.notifiche-mail a.dx-icon-edit {
    font-size: 16px !important;
    color: var(--greyLight) !important;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    text-decoration: none;
}

    .row.headerNotifiche #folder-details-all-width a.dx-icon-edit:hover,
    .row.headerNotifiche #folder-details-all-width a.dx-icon-edit:focus,
    .row.headerNotifiche #folder-details-all-width a.dx-icon-trash:hover,
    .row.headerNotifiche #folder-details-all-width a.dx-icon-trash:focus,
    .notifiche-mail a.dx-icon-edit:hover,
    .notifiche-mail a.dx-icon-edit:focus {
        color: var(--green) !important;
        font-size: 16px;
        outline: none;
    }

.row.headerNotifiche #folder-details-all-width .notifiche-tab-content .dx-datagrid .dx-row.dx-group-row {
    font-weight: normal;
}

.dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: transparent;
}

.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:before {
    top: 55%;
    color: #01b106;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f00c";
    font-size: 16px;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: transparent;
    background-color: transparent;
}

#GridViewGestioneFatture .dx-checkbox-icon,
#GridViewIntegraSdi .dx-checkbox-icon {
    display: none;
}

#GridViewGestioneFatture .dx-widget.dx-checkbox .dx-checkbox-container:before,
#GridViewIntegraSdi .dx-widget.dx-checkbox .dx-checkbox-container:before {
    font: normal normal normal 14px/1;
    font-family: "Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0e0";
    font-size: 21px;
    padding-bottom: 4px;
    margin-top: 2px;
    display: inline-block;
}

#GridViewGestioneFatture .dx-widget.dx-checkbox.dx-checkbox-checked .dx-checkbox-container:before,
#GridViewIntegraSdi .dx-widget.dx-checkbox.dx-checkbox-checked .dx-checkbox-container:before {
    content: "\f2b6";
    color: #717171;
    font-size: 17px;
    line-height: 19px;
}

#GridViewGestioneFatture .dx-widget.dx-checkbox .dx-checkbox-container:before,
#GridViewIntegraSdi .dx-widget.dx-checkbox .dx-checkbox-container:before {
    color: var(--green);
    font-size: 17px;
    margin: 0;
    line-height: 19px;
}

#GridViewIntegraSdi .dx-widget.dx-checkbox .dx-checkbox-container:before {
    opacity: 0.7;
}

#GridViewIntegraSdi .rowSuperBill .dx-widget.dx-checkbox .dx-checkbox-container:before {
    opacity: 1;
}

.titleExtraGrid:not(:empty) {
    font-size: 19px;
    color: var(--green);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

#insideSkin .dx-row.dx-freespace-row.dx-column-lines,
#insideSkin .dx-row.dx-freespace-row.dx-column-lines td,
#insideSkin .dx-row.dx-freespace-row.dx-column-lines:hover,
#insideSkin .dx-row.dx-freespace-row.dx-column-lines:hover td {
    border: 0 none;
    background-color: transparent !important;
}
/* FINE GRID */

/* ENROLL */
.GDM_item.boxEnroll {
    margin: 20px 15px;
    width: calc(100% - 15px);
}

    .GDM_item.boxEnroll #denyButton,
    .GDM_item.boxEnroll #acceptButton {
        display: inline-block;
        margin-right: 7px;
    }

    .GDM_item.boxEnroll .validation-summary-valid {
        margin-top: 20px;
    }

    .GDM_item.boxEnroll h3 {
        font-family: 'Open Sans', sans-serif;
        font-size: 17px;
        margin-top: 5px;
        color: #d81212;
    }
/* FINE ENROLL */


/* SCADENZE */
.configurazioneUtente.configurazioneScadenze div.identity-user {
    position: absolute;
    right: 15px;
    top: 116px;
    font-weight: bold;
}

#form-configurazione-saldo-iniziale .dx-button-mode-contained.dx-button-default {
    background-color: #009a9a;
}

    #form-configurazione-saldo-iniziale .dx-button-mode-contained.dx-button-default.dx-state-hover,
    #form-configurazione-saldo-iniziale .dx-button-mode-contained.dx-button-default.dx-state-focused {
        background-color: var(--greenDark);
    }

.boxScheduler {
    border: 1px solid var(--greyXtraLight);
    background-color: #fff;
    padding: 15px 20px;
    border-radius: var(--baseRadius);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

#scheduler .dx-scheduler-header .dx-toolbar .dx-toolbar-item-content {
    padding: 0;
}

#scheduler .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--green);
}

#scheduler .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) .dx-button-text {
    color: var(--green) !important;
}

#scheduler .dx-toolbar-before .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) .dx-button-text {
    color: #444 !important;
}

#scheduler .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-button-text {
    color: white !important;
}

#scheduler .dx-scheduler-header {
    background-color: transparent;
    border: 0 none;
    height: 35px;
    margin-bottom: 7px;
}

#scheduler .dx-scheduler-navigator {
    padding: 1px 0 0 0;
}

#scheduler .dx-scheduler-navigator-previous,
#scheduler .dx-scheduler-navigator-next,
#scheduler .dx-scheduler-navigator-caption {
    border: 0 none;
    background-color: var(--greyXtraLight) !important;
    border-right: 1px solid #fff !important;
}

#scheduler .dx-button-text {
    color: var(--grey) !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
}

#scheduler .dx-toolbar-before .dx-scheduler-view-switcher,
#scheduler .dx-scheduler-view-switcher .dx-tabs-wrapper,
#scheduler .dx-scheduler-view-switcher .dx-tabs-wrapper .dx-item dx-tab {
    height: 35px;
    background-color: var(--greyXtraLight);
}

#scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab {
    padding: 5px 15px;
    width: auto;
    border-left: 1px solid #fff;
}

#scheduler .dx-tab-text {
    vertical-align: middle;
    line-height: 25px;
    color: var(--grey) !important;
}

#scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
    height: 0;
}

#scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
    border: 0 none;
}

#scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
#scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-hover,
#scheduler .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
    background-color: var(--green);
}

    #scheduler .dx-tab.dx-tab-selected .dx-tab-text,
    #scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-hover .dx-tab-text {
        color: #ffffff !important;
    }

#scheduler .dx-scheduler-header-panel-cell {
    font-weight: bold;
    background-color: var(--greenXtraLight);
    color: var(--green) !important;
}

    #scheduler .dx-scheduler-header-panel-cell:first-child {
        border-left: 0;
    }

    #scheduler .dx-scheduler-header-panel-cell:last-child {
        border-right: 0;
    }

#scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-top: 0 none;
}

#scheduler .dx-scheduler-date-table-current-date {
    background-color: var(--greenXtraLight);
}

    #scheduler .dx-scheduler-date-table-current-date .day-cell,
    #scheduler .weekend-cell .day-cell {
        color: var(--green);
    }

#scheduler .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
#scheduler .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
    -webkit-box-shadow: inset 0 0 0 1px var(--green);
    box-shadow: inset 0 0 0 1px var(--green);
}

#scheduler .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
#scheduler .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused,
#scheduler .dx-scheduler-all-day-table-cell.dx-state-focused,
#scheduler .dx-scheduler-date-table-cell.dx-state-focused {
    background-color: var(--greenXtraLight);
    color: var(--green);
}

#scheduler .dx-scheduler-date-table-cell.dx-state-hover .day-cell {
    color: var(--green) !important;
}

#scheduler .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
#scheduler .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 41px;
    margin-bottom: -41px;
}

#scheduler .dx-scheduler-appointment {
    background-color: transparent;
    border: 0 none !important;
    box-shadow: 0 0 0 0 !important;
    padding: 0;
    margin-top: 0;
}

    #scheduler .dx-scheduler-appointment.dx-scheduler-all-day-appointment {
        background-color: transparent;
        height: auto !important;
    }

#scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0 3px;
}

#scheduler .dx-scheduler-appointment-collector.dx-button,
#scheduler .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
#scheduler .dx-scheduler-appointment-collector.dx-button.dx-state-active,
#scheduler .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
    background-color: var(--greyLight);
    padding-top: 0px;
    box-shadow: 0 0 0 0 !important;
    font-weight: 500;
    text-align: left;
    border-radius: var(--baseRadius);
    font-size: 13px;
    width: auto !important;
}

#scheduler .scheduler-passiva,
#scheduler .scheduler-attiva {
    padding: 10px;
    font-weight: 500;
    border-radius: var(--baseRadius);
    font-size: 11px !important;
}

#scheduler .dx-scheduler-work-space-month .scheduler-passiva,
#scheduler .dx-scheduler-work-space-month .scheduler-attiva {
    padding: 0;
}

#scheduler .scheduler-passiva {
    color: #e00000;
}

#scheduler .scheduler-attiva {
    color: #72ab13;
}

#scheduler .scheduler-passiva.recurrence {
    color: #630909;
}

#scheduler .scheduler-attiva.recurrence {
    color: #446A05;
}

#scheduler .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
#scheduler .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
#scheduler .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
    height: auto !important;
    padding: 4px 4px 3px 3px;
}

#scheduler .dx-scheduler-date-table-other-month,
#scheduler .dx-scheduler-date-table-other-month:hover {
    background-color: var(--greyXtraLight) !important;
}

    #scheduler .dx-scheduler-date-table-other-month .day-cell,
    #scheduler .dx-scheduler-date-table-other-month:hover .day-cell {
        color: var(--grey) !important;
    }

#scheduler .dx-scheduler-work-space {
    border: 0 none;
    border-bottom: 1px solid var(--greyXtraLight);
}

    #scheduler .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
        border-top: 1px solid rgba(221, 221, 221, 0.6);
        margin-top: 0;
    }

    #scheduler .dx-scheduler-work-space.dx-scheduler-agenda {
        padding-top: 42px;
        margin-top: -42px;
        border-bottom: 0 none;
    }

#scheduler .dx-scheduler-agenda .scheduler-passiva,
#scheduler .dx-scheduler-agenda .scheduler-attiva {
    font-size: 14px;
    color: var(--grey) !important;
}

    #scheduler .dx-scheduler-agenda .scheduler-passiva div:first-of-type {
        color: #e00000;
        padding: 0;
        margin: -4px 0 0;
    }

    #scheduler .dx-scheduler-agenda .scheduler-attiva div:first-of-type {
        color: #72ab13;
        padding: 0;
    }

    #scheduler .dx-scheduler-agenda .scheduler-passiva.recurrence div:first-of-type {
        color: #630909;
    }

    #scheduler .dx-scheduler-agenda .scheduler-attiva.recurrence div:first-of-type {
        color: #446A05;
    }

#scheduler .btnToday {
    background-color: var(--greyXtraLight) !important;
    height: 34px;
    border: 0 none;
    border-radius: var(--baseRadius);
    margin-left: 5px;
    position: relative;
    top: 1px;
}

    #scheduler .btnToday .dx-button-content {
        font-family: "Open Sans", sans-serif !important;
        font-weight: 400 !important;
        color: var(--grey) !important;
        line-height: 18px;
    }

#scheduler .dx-scheduler-appointment-collector.dx-button.dx-button-default.dx-button-mode-contained.dx-widget {
    width: 20px;
    height: 20px;
    line-height: 10px;
    background-color: var(--greyLight) !important;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon {
    color: var(--green);
}

.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px var(--green);
    box-shadow: inset 0 0 0 1000px var(--green);
}

    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
        -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--green);
        box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--green);
    }

.dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
    background-color: transparent;
}

#scheduler .dx-scheduler-appointment-collector.dx-button.dx-state-hover {
    background-color: var(--greyLight);
}

#scheduler-details.row.scheduler {
    margin-bottom: 20px;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva div:before,
.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva div:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--baseRadius);
    margin-right: 5px;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva div:before {
    background-color: #e00000 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva div:before {
    background-color: #72ab13 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva.recurrence div:before {
    background-color: #630909 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva.recurrence div:before {
    background-color: #446A05 !important;
}

#scheduler .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: #e1f2f2;
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content {
    border: 1px solid #777;
    border-radius: var(--baseRadius);
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva div {
    color: #e00000 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva div {
    color: #72ab13 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva.recurrence div {
    color: #630909 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva.recurrence div {
    color: #446A05 !important;
}

.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva div,
.dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva div {
    color: #fff;
    text-align: left;
    padding: 2px 7px;
    border-bottom: 1px dotted #fff;
}

    .dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-passiva div:last-of-type,
    .dx-overlay-wrapper.dx-scheduler-appointment-tooltip-wrapper .scheduler-attiva div:last-of-type {
        border-bottom: 0 none;
    }

ul.gridActionList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.gridActionList li {
        display: inline-block;
    }

/* Modifica distinta */
#form-modifica-distinta,
#form-nuova-distinta {
    margin-top: 15px;
}

    #form-modifica-distinta .dx-form-group-with-caption > .dx-form-group-content,
    #form-nuova-distinta .dx-form-group-with-caption > .dx-form-group-content {
        border-top: 0 none;
        padding-top: 5px;
    }
/* FINE SCADENZE */

/* USER PROFILE */
#userForm .colForm {
    vertical-align: top;
    width: calc(100% - 310px);
    display: inline-block;
}

@media only screen and (max-width: 1200px) {
    #userForm .colForm {
        width: 100%;
    }
}

#insideSkin #UserProfileForm label,
#insideSkin #UserProfileForm input {
    font-size: var(--baseText);
}

.userProfile .custom-control.custom-switch {
    margin-top: 10px;
}

.custom-switch .custom-control-label::before {
    box-shadow: 0 0 0 0 !important;
    border: #ccc solid 1px !important;
}

.userProfile .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--green) !important;
    background-color: var(--green);
}

.custom-switch .custom-control-label::after {
    top: 4px;
}

.custom-switch .custom-control-label::before {
    top: 2px;
}

.btn-group[aria-label="Language selection"] .btn-primary {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
    margin-right: 5px;
}

.btn-group[aria-label="Language selection"] .btn-primary:last-child {
    margin-right: 0;
}

    .btn-group[aria-label="Language selection"] .btn-primary.active,
    .btn-group[aria-label="Language selection"] .btn-primary.active:hover,
    .btn-group[aria-label="Language selection"] .btn-primary.active:focus,
    .btn-group[aria-label="Language selection"] .btn-primary:hover,
    .btn-group[aria-label="Language selection"] .btn-primary:focus {
        color: #fff;
        background-color: var(--green);
        border-color: #ddd;
        box-shadow: 0 0 0 0;
    }

    .btn-group[aria-label="Language selection"] .btn-primary:hover,
    .btn-group[aria-label="Language selection"] .btn-primary:focus {
        background-color: var(--greenLight);
    }

#insideSkin .userProfile #imgLogoContainer,
#insideSkin .userProfile #imgHeadContainer,
#insideSkin .userProfile .btnUserPic {
    text-align: center;
}

    #insideSkin .userProfile #imgContainer img,
    #insideSkin .userProfile #imgLogoContainer img,
    #insideSkin .userProfile #imgHeadContainer img {
        border-radius: 50%;
        width: 170px;
        height: 170px;
        border: 1px solid var(--greyXtraLight);
    }

#insideSkin .btnUserPic div,
#insideSkin .userProfile #deleteHeadImage {
    background-color: #f4f4f4;
    border: 1px solid var(--greyXtraLight);
    color: var(--grey);
    font-size: var(--titleText);
    padding: 10px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin: 5px 3px 0;
}

    #insideSkin .btnUserPic div:hover,
    #insideSkin .userProfile #deleteHeadImage:hover,
    #insideSkin .btnUserPic div:focus,
    #insideSkin .userProfile #deleteHeadImage:focus {
        background-color: var(--greyLight);
        color: #fff;
        cursor: pointer;
    }

#banner-warning .text-success {
    color: #73a716 !important;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

#banner-warning {
    background-color: #ded6d1;
    border: 1px dotted #c77800;
    display: table;
    width: 100%;
}

    #banner-warning img {
        width: 100px;
    }

    #banner-warning h3 {
        font-size: 17px;
        font-weight: 400;
        color: #c77800;
        font-family: 'Open Sans', sans-serif;
    }

    #banner-warning .btn.cta {
        background-color: #e28d0b !important;
        border: 1px solid #e28d0b !important;
        width: 100%;
        display: block;
        flex-direction: row;
    }

        #banner-warning .btn.cta:hover,
        #banner-warning .btn.cta:focus {
            background-color: #c77800 !important;
            color: #fff;
        }

#UserProfileForm div:not(.dx-texteditor-buttons-container) .dx-button-mode-contained.dx-button-default {
    background-color: var(--green);
    border-color: transparent;
    color: #fff;
}

    #UserProfileForm div:not(.dx-texteditor-buttons-container) .dx-button-mode-contained.dx-button-default:hover,
    #UserProfileForm div:not(.dx-texteditor-buttons-container) .dx-button-mode-contained.dx-button-default:focus {
        background-color: var(--greenDark);
    }

.userProfile .generalConfig .lang {
    padding-bottom: 10px;
}

.userProfile .generalConfig h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 17px;
    color: var(--green);
    margin-bottom: 0;
}
/* FINE USER PROFILE */

/* TAB */
#insideSkin .nav.nav-tabs {
    width: calc(100% + 30px);
    background: transparent;
    margin: 0 -15px 0;
    border-bottom-color: #ccc;
}

#loginForm .nav.nav-tabs {
    width: 100%;
}

#insideSkin .nav.nav-tabs > li {
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
}

#insideSkin .nav.nav-tabs .nav-link {
    border-radius: var(--baseRadius);
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-top: 4px solid #ccc;
    color: #777
}

#insideSkin .nav.nav-tabs > li:first-child {
    padding-left: 10px;
}

#insideSkin .nav-tabs > li > a,
#insideSkin .nav-tabs > li > a.tab-selected:hover {
    cursor: pointer !important;
}

    #insideSkin .nav-tabs > li > a:focus,
    #insideSkin .nav-tabs > li > a:hover,
    #insideSkin .nav-tabs > li > a.nav-link:focus,
    #insideSkin .nav-tabs > li > a.nav-link:hover {
        background-color: #ddd;
    }

    #insideSkin .nav-tabs > li > a.tab-selected,
    #insideSkin .nav-tabs > li > a.tab-selected:focus,
    #insideSkin .nav-tabs > li > a.tab-selected:hover,
    #insideSkin .nav-tabs > li > a.nav-link.active,
    #insideSkin .nav-tabs > li > a.nav-link.active:focus,
    #insideSkin .nav-tabs > li > a.nav-link.active:hover {
        color: var(--green) !important;
        cursor: default;
        border: 1px solid #ccc;
        border-bottom-color: #eaeaeb !important;
        border-radius: var(--baseRadius);
        font-weight: bold;
        border-top: 4px solid var(--green) !important;
        background-color: transparent;
        border-bottom: 1px solid #f2f2f2;
    }

#insideSkin .dx-overlay-content .nav-tabs > li > a.tab-selected,
#insideSkin .dx-overlay-content .nav-tabs > li > a.tab-selected:focus,
#insideSkin .dx-overlay-content .nav-tabs > li > a.tab-selected:hover,
#insideSkin .dx-overlay-content .nav-tabs > li > a.nav-link.active,
#insideSkin .dx-overlay-content .nav-tabs > li > a.nav-link.active:focus,
#insideSkin .dx-overlay-content .nav-tabs > li > a.nav-link.active:hover {
    border-bottom-color: #fff !important;
}

#insideSkin .tab-content .tab-pane {
    height: calc(100vh - 161px);
    margin: 0 -15px 0 0;
    padding: 15px 15px 15px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#insideSkin .flusso-scadenze .tab-content .tab-pane {
    height: calc(100vh - 245px);
    padding-top: 0;
}

#dashBoard-flusso-scadenze .GDM_item {
    border: 0 none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
}

#insideSkin .tab-content .tab-pane#psd2 {
    padding-top: 0;
}

#insideSkin .generalConfig:not(.isAdmin) .tab-content .tab-pane {
    height: calc(100vh - 111px);
    padding: 15px;
}

#insideSkin .tab-content.hide-tab {
    padding: 0 0 20px;
}

#insideSkin #popupAzioni .tab-content .tab-pane {
    height: 100%;
    margin: 0;
    padding: 15px 0 15px 15px;
    overflow: auto;
}

#insideSkin .tab-content .tab-pane#servizio,
#insideSkin .tab-content .tab-pane#richieste {
    padding-top: 0;
}
/* FINE TAB */

/* SIGN */
#the-canvas {
    border: 1px solid #ddd;
    direction: ltr;
    margin-top: 10px;
    width: 100%;
}

.container-firmatario-sign .dx-form-group-caption,
.documento-sign .title-documento {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    display: block;
    line-height: 20px;
    padding-bottom: 7px;
}

.documento-sign .title-documento {
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container-firmatario-sign .the-canvas-number {
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
    display: inline-block;
}

.container-firmatario-sign #prev, .container-firmatario-sign #next,
.container-firmatario-sign #pageFirst, .container-firmatario-sign #pageLast {
    width: 32px;
    border: 0 none;
    background-color: #4fb5b4;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    margin: 0 2px;
}

    .container-firmatario-sign #prev:hover, .container-firmatario-sign #next:hover,
    .container-firmatario-sign #prev:focus, .container-firmatario-sign #next:focus,
    .container-firmatario-sign #pageFirst:hover, .container-firmatario-sign #pageLast:hover,
    .container-firmatario-sign #pageFirst:focus, .container-firmatario-sign #pageLast:focus {
        background-color: var(--green);
    }

#form-firma-semplice #firma-semplice,
#form-firma-semplice #annulla {
    min-width: 150px;
}

.container-firmatario-sign #canvas-container {
    text-align: center;
}

#back-mobile {
    display: none;
    visibility: hidden;
}

#form-firma-avanzata #btn-verifica-firma,
#form-firma-avanzata #btn-firma {
    display: block;
    margin-top: 10px !important;
}

#btn-otp-richiesta {
    margin: 15px auto 20px;
    display: table;
}
/* FINE SIGN */

/* DATI CONTABILI */
.gridDatiContabili-item {
    min-height: 400px;
}

    .gridDatiContabili-item .boxCondivisione .greyBox {
        height: 155px;
        color: #777;
        background-color: #e8e8e8;
        border-radius: var(--baseRadius);
        margin: 0;
        padding: 10px;
        line-height: 120%;
        position: relative;
    }

        .gridDatiContabili-item .boxCondivisione .greyBox.invioFlusso {
            margin-bottom: 20px;
        }

    .gridDatiContabili-item .boxCondivisione .iconCondivisione {
        width: 40px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
    }

    .gridDatiContabili-item .boxCondivisione .textCondivisione {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .gridDatiContabili-item .textualData {
        display: inline;
        font-weight: bold;
    }

    .gridDatiContabili-item .boxDC i {
        font-size: 45px;
        padding-bottom: 10px;
    }

    .gridDatiContabili-item .data div {
        padding: 0 0 0 20px;
    }

    .gridDatiContabili-item .boxDC img {
        height: 55px;
    }

    .gridDatiContabili-item .boxDC h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .gridDatiContabili-item .dgWidget {
        margin-bottom: 30px;
    }

.greenDC {
    color: #6eaa17 !important;
}

.redDC {
    color: var(--colorRed) !important;
}

.trendIconUp {
    font-size: 48px;
    border: 3px solid #6eaa17;
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.trendIconDown {
    font-size: 48px;
    border: 3px solid var(--colorRed);
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.datiContabili {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px 20px 20px;
    border-radius: var(--baseRadius);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    line-height: 130%;
    height: 100%;
    position: relative;
}

    .datiContabili h1 {
        font-size: 20px;
        font-weight: 400;
        color: var(--greenMedium);
        letter-spacing: -1px;
        margin: 0;
        display: inline-block;
        border-bottom: 1px dotted var(--greyXtraLight);
        width: 100%;
        padding-bottom: 10px;
        font-family: 'Open Sans', sans-serif;
    }

    .datiContabili h2 {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.02em;
        margin: 15px 0 0 0;
        display: block;
        text-align: center;
        width: 100%;
    }

    .datiContabili h3 {
        font-size: 35px;
        font-weight: 400;
        letter-spacing: -1px;
        line-height: 120%;
        color: #000;
    }

    .datiContabili h4 {
        font-family: 'Open Sans', sans-serif;
        color: var(--green);
        font-size: 16px;
    }

    .datiContabili h5 {
        font-size: 28px;
        font-weight: 300;
        letter-spacing: -0.02em;
        margin: 0;
        display: block;
        line-height: 120%;
        text-align: center;
        width: 100%;
    }

    .datiContabili .volumeAffari,
    .datiContabili .risultatoGestione,
    .datiContabili .redditivita {
        display: flex;
        flex-direction: column;
        height: calc(100% - 35px);
        justify-content: center;
    }

.gridDatiContabili-item .boxDC {
    color: #777;
    font-size: 24px;
    font-weight: 400;
    background-color: #e8e8e8;
    border-radius: var(--baseRadius);
    margin: 20px 0;
    padding: 15px;
    line-height: 120%;
}

    .gridDatiContabili-item .boxDC h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }

.gridDatiContabili-item dl dt {
    float: left;
    width: 50%;
    padding: 4px 7px 3px;
    border-bottom: 1px solid #cfcfcf;
    clear: left;
    font-weight: normal;
}

.gridDatiContabili-item dl dd {
    float: left;
    width: 50%;
    padding: 4px 7px 3px;
    text-align: right;
    border-bottom: 1px solid #cfcfcf;
}

.gridDatiContabili-item dl dl:after {
    content: "";
    display: table;
    clear: both;
}

.rowDebiti {
    color: var(--colorRed);
    background-color: #f1e1d2;
}

.rowCrediti {
    color: #6eaa17;
    background-color: #e0edc6;
}

.gridDatiContabili * {
    box-sizing: border-box;
}

.gridDatiContabili:after {
    content: '';
    display: block;
    clear: both;
}

.andamento::after {
    content: "wide";
    display: none;
}

.chart,
.sintesiDataGridData {
    padding-top: 15px;
}

.chart {
    height: auto !important;
    margin-bottom: 30px;
}

.datiContabili .expandButton {
    display: block;
    background-color: var(--greyXtraLight);
    text-align: center;
    padding: 6px;
    color: var(--greyDark);
    margin: 0 -20px -20px;
    border-radius: var(--baseRadius);
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 30px;
}

    .datiContabili .expandButton:hover {
        background-color: var(--grey);
        color: #fff;
    }

.sintesiDataGridData .dx-datagrid .dx-row > td {
    padding: 4px !important;
}

.icon-chat-o:before {
    content: "\f086";
    font-weight: 400;
}

@media only screen and (max-width: 1400px) {
    .andamento::after {
        content: "medium";
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .gridDatiContabili-item {
        min-height: 230px;
    }
}

@media only screen and (max-width: 500px) {
    .andamento::after {
        content: "small";
        display: none;
    }
}
/* FINE DATI CONTABILI */

/* PAGINA GUIDE, NEWS E NOTIFICHE */
#NewsListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content > div,
#NotificheListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content > div {
    cursor: default;
    background: transparent;
    border: 0 none;
}

    #NewsListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content > div.dx-state-active,
    #NotificheListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content > div.dx-state-active {
        color: var(--greyDark);
    }

    #NotificheListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content > div > a {
        color: var(--green);
        text-decoration: none;
    }

#NewsListWidget .newsBlock {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    clear: both;
    display: table;
    width: 100%;
    line-height: 19px;
    margin-top: -15px;
}

    #NewsListWidget .newsBlock i.fa-solid.fa-bookmark,
    #NotificheListWidget .notificationBlock i.fa-solid.fa-bookmark {
        color: var(--green);
        margin-right: 5px;
    }

    #NewsListWidget .newsBlock span.pubdate,
    #NotificheListWidget .notificationBlock span.modifiedSince {
        font-size: 13px;
        font-style: italic;
    }

    #NewsListWidget .newsBlock.seen a,
    #NewsListWidget .newsBlock.seen span.pubdate {
        font-weight: normal;
        color: var(--grey) !important;
    }

        #NewsListWidget .newsBlock.seen a.newsTitle {
            color: var(--grey);
        }

    #NewsListWidget .searchBlock a,
    #NewsListWidget .newsBlock a.newsTitle,
    #NotificheListWidget .notificationBlock a.notificationTitle {
        font-weight: bold;
        text-decoration: underline;
        display: inline-block;
        white-space: normal;
        padding-right: 60px;
    }

.newsList #NewsListWidget .content a {
    font-weight: normal;
    text-decoration: underline;
    color: var(--greenDark) !important;
}

.newsList #NewsListWidget .btn-primary {
    width: 40px;
    height: 40px;
    text-align: center;
    color: var(--greenDark);
    border: 1px solid var(--greyXtraLight);
    font-size: 18px !important;
    background-color: #eaeaea;
    border-radius: 50% !important;
    padding: 5px 13px;
}

    .newsList #NewsListWidget .btn-primary:focus,
    .newsList #NewsListWidget .btn-primary:hover {
        color: var(--greyDark);
        background-color: #ddd;
        border: 1px solid var(--greyXtraLight);
    }

.newsList #NewsListWidget .newsBlock.seen .btn-primary {
    color: var(--grey);
}

.newsList #NewsListWidget .newsBlock.unseen .btn-primary {
    color: var(--greenDark);
}

.newsList #NewsListWidget .newsBlock .newsToggle {
    color: var(--greyDark) !important;
    float: right;
    font-size: 21px;
}

#insideSkin #NewsListWidget p {
    margin-bottom: 0;
}

.newsList #NewsListWidget .newsBlock .newsToggle[aria-expanded="false"] i:before {
    content: "\f0d7";
}

.newsList #NewsListWidget .newsBlock .newsToggle[aria-expanded="true"] i:before {
    content: "\f0d8";
}

/* Fixa overflow del testo della news */
#insideSkin #NewsListWidget .dx-list-item-content {
    white-space: normal;
    padding: 0;
}

/* override */
#insideSkin i.fa-solid.fa-envelope, #insideSkin i.fa-solid.fa-envelope-open {
    margin-left: -3px;
}

#NotificheListWidget > div.dx-scrollable-wrapper > div > div.dx-scrollable-content > div.dx-scrollview-content .dx-list-item-content {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    display: block;
}

#NewsListWidget .newsBlock .newsHeader {
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ccc;
    max-width: calc(100% - 70px);
}

#NewsListWidget .newsBlock .buttonNews {
    float: left;
}

#NewsListWidget .newsBlock .newsSubTitle {
    color: var(--greenDark);
    font-weight: 400;
    display: block;
}

#NewsListWidget .newsBlock.seen .newsSubTitle {
    color: var(--grey);
}

#NewsListWidget .newsBlock a.newsTitle {
    font-size: 16px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: var(--greenDark);
    padding-right: 0;
    padding-bottom: 0;
}

#NewsListWidget .newsBlock .newsHeader span,
#NewsListWidget .newsBlock .newsHeader a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#insideSkin .newsBlock .content {
    clear: both;
    margin-top: 10px;
    float: left;
}

#insideSkin .newsBlock.seen .content {
    color: #777;
}

#NotificheListWidget .app-normal-wrap {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* FINE PAGINA NEWS E NOTIFICHE */

/* CONFIGURAZIONI */
.configurazioneUtente h4,
#form-configurazione-anagrafica .dx-form-group-caption,
#form-configurazione-saldo-iniziale .dx-form-group-caption,
#form-fido .dx-form-group-caption,
.clientAreaContent h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: var(--green);
}

.configurazioneUtente h5 {
    font-size: 13px;
}

#form-configurazione-anagrafica .dx-form-group-caption {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    width: 100%;
    display: block;
}

#form-configurazione-anagrafica .dx-item.dx-box-item:first-of-type .dx-form-group-caption {
    margin-top: 0;
    padding-top: 0;
    border-top: 0 none;
}

#form-configurazione-anagrafica .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 0 none;
    padding: 10px 0;
    margin: 0;
}

#form-configurazione-anagrafica .dx-layout-manager .dx-label-h-align .dx-field-item-content {
    width: 50%;
    flex-grow: 0;
}

#insideSkin #form-configurazione-anagrafica label {
    width: 25%;
}

    #insideSkin #form-configurazione-anagrafica label span {
        width: 100% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#form-configurazione-anagrafica .dx-state-readonly.dx-widget .dx-texteditor-input {
    color: #999;
}

#form-configurazione-anagrafica .dx-widget,
#form-configurazione-anagrafica .dx-widget input,
#form-configurazione-anagrafica .dx-widget textarea {
    font-family: 'Open sans', sans serif;
}

.configurazioneUtente table {
    max-width: 500px;
}

    .configurazioneUtente table tr td {
        padding: 5px 10px;
        border-right: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
        text-align: center;
    }

        .configurazioneUtente table tr td:first-child {
            text-align: left;
            width: 60%;
        }

    .configurazioneUtente table tr.headTable {
        border-left: 0 none;
    }

        .configurazioneUtente table tr.headTable td:first-child {
            border-top: 0 none;
        }

    .configurazioneUtente table tr:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

#grid-etichette .dx-datagrid-headers tr {
    border-bottom: 4px solid #ccc;
}

#form-configurazione-saldo-iniziale .dx-field-item-content .dx-field-item-content,
#form-fido .dx-field-item-content .dx-field-item-content {
    max-width: 300px;
}

#form-configurazione-saldo-iniziale .dx-item.dx-box-item:last-child .dx-box-flex,
#form-fido .dx-item.dx-box-item:last-child .dx-box-flex {
    display: block !important;
}

#form-configurazione-saldo-iniziale .dx-item.dx-box-item:last-child .dx-item.dx-box-item,
#form-fido .dx-item.dx-box-item:last-child .dx-item.dx-box-item,
#form-configurazione-saldo-iniziale .dx-field-item-content .dx-item.dx-box-item:last-child .dx-item.dx-box-item .dx-item-content,
#form-fido .dx-item.dx-box-item:last-child .dx-item.dx-box-item .dx-item-content {
    flex: none !important;
    display: inline-block !important;
}

#form-configurazione-saldo-iniziale .dx-item.dx-box-item:last-child .dx-field-item:not(.dx-last-col),
#form-fido .dx-item.dx-box-item:last-child .dx-field-item:not(.dx-last-col),
#form-configurazione-saldo-iniziale .dx-item.dx-box-item:last-child .dx-field-item:not(.dx-first-col),
#form-fido .dx-item.dx-box-item:last-child .dx-field-item:not(.dx-first-col) {
    padding: 0 5px 0 0;
}
/* FINE CONFIGURAZIONE */

/* PRESENZE */
#clientArea #toolbarTop .fa-solid.fa-plus {
    position: relative;
    left: -2px;
}
/* FINE PRESENZE */

/* RICERCA */
.clientAreaContent.searchDoc .searchResults .searchBlock {
    float: left;
    margin: 0 -15px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--greyXtraLight);
    clear: both;
    display: block;
    width: calc(100% + 30px);
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

#insideSkin .searchBlock i {
    color: var(--green);
    padding-right: 5px;
}

    #insideSkin .searchBlock i.fa-solid.fa-list,
    #insideSkin .searchBlock i.fa-solid.fa-bars,
    #insideSkin .searchBlock i.fa-solid.fa-download {
        color: #555;
    }

#insideSkin .searchBlock .name {
    color: var(--green);
}

#insideSkin .searchBlock .content {
    color: var(--greyLight);
    padding-right: 60px;
    display: block;
    white-space: normal;
}

#insideSkin .row.searchResults {
    width: 100%;
    margin: 0;
    height: calc(100vh - 199px);
    overflow-y: auto;
    align-items: flex-start;
    align-content: flex-start;
    padding: 10px 15px 0 0;
}

.clientAreaContent.searchDoc h4,
.clientAreaContent.searchDoc .validation-summary-errors span,
.clientAreaContent.searchDoc .searchResults > p {
    font-size: 15px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 0 5px;
    margin: 0;
}

.clientAreaContent.searchDoc .validation-summary-errors {
    width: 100%;
    display: block;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    color: var(--greenMedium);
    font-size: 16px;
    background-color: var(--greenXtraLight);
    border: 1px dotted var(--green);
}

#toolbarTop.searchDocToolbar .searchDocTitle {
    font-family: 'Open Sans', sans-serif;
    color: var(--greenMedium);
    font-size: 17px;
    padding-bottom: 10px;
}

    #toolbarTop.searchDocToolbar .searchDocTitle i {
        padding-right: 5px;
    }

#toolbarTop.searchDocToolbar #searchForm input {
    width: 350px;
    height: 41px;
    padding: 10px 15px;
    font-size: 15px !important;
    border: 1px solid var(--greyXtraLight);
}

#toolbarTop.searchDocToolbar #searchForm a {
    width: 41px;
    height: 41px;
    margin-left: 5px;
    font-size: 21px;
    line-height: 25px;
}

#insideSkin .searchBlock a.download,
#insideSkin .searchBlock a.details {
    padding: 7px;
    margin-left: 10px;
    display: block;
    float: right;
    width: 34px;
    height: 34px;
    text-align: center;
    color: var(--greyDark);
    border: 1px solid var(--greyXtraLight);
    font-size: 18px !important;
    background-color: #DEDEDE;
}

.searchBlock .shared-file:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f0c2";
    position: relative;
    bottom: 1px;
    right: 0;
    z-index: 1;
    color: var(--green);
    font-size: 21px;
}

.searchBlock .shared-file:after {
    content: '';
    position: relative;
    bottom: auto;
    right: auto;
    border: 0 none;
    display: inline-block;
}

.searchBlock .shared-file {
    height: 34px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
/* FINE RICERCA */

/* SCADENZE */
#dashBoard-scadenze div.col-md-6.col-sm-12 {
    padding-bottom: 20px;
}

#dashBoard-scadenze .GDM_item {
    height: 100%;
}

.row.tableModule.configurazioneUtente.configurazioneScadenze,
#insideSkin .pageAccordi .row.tableModule {
    overflow: hidden;
}

    .row.tableModule.configurazioneUtente.configurazioneScadenze .tab-content #configurazione .folder-details-notree,
    .row.tableModule.configurazioneUtente.configurazioneScadenze .tab-content .flussi-cassa {
        height: calc(100vh - 210px);
        overflow-y: auto;
    }

    .row.tableModule.configurazioneUtente.configurazioneScadenze .tab-content .flussi-cassa {
        align-content: flex-start;
    }

#grid-etichette a.dx-icon-edit:before {
    content: "\f304";
}

#grid-etichette a.dx-icon-trash:before {
    content: "\f2ed";
}

#grid-etichette a.dx-icon-edit,
#grid-etichette a.dx-icon-trash {
    font-size: 16px;
    color: var(--greyLight) !important;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    text-decoration: none;
}

    #grid-etichette a.dx-icon-edit:hover,
    #grid-etichette a.dx-icon-edit:focus,
    #grid-etichette a.dx-icon-trash:hover,
    #grid-etichette a.dx-icon-trash:focus {
        color: var(--green) !important;
        font-size: 16px;
        outline: none;
    }

.fa-solid.fa-circle.dotEtichetta {
    font-size: 15px !important;
    position: relative;
    top: 1px;
}

.dx-item.dx-list-item .fa-solid.fa-circle.dotEtichetta {
    padding-right: 6px;
}

#insideSkin .dx-datagrid-rowsview,
#insideSkin .dx-datagrid-headers {
    font-size: var(--baseText) !important;
    border: 0 none;
    background-color: var(--pageBackground) !important;
}
/* FINE SCADENZE */

/* PERSONALIZZAZIONE > CONFIGURAZIONE NOTIFICHE > CERCA */
.notifiche-tab-content .grid-utenti .dx-toolbar .dx-toolbar-after {
    top: -50px;
}

.notifiche-tab-content .grid-utenti .dx-datagrid-headers {
    margin-top: -35px;
}
/* FINE PERSONALIZZAZIONE > CONFIGURAZIONE NOTIFICHE > CERCA */







div.dx-datagrid-focus-overlay.dx-pointer-events-target {
    border: 2px solid var(--green);
}

#insideSkin .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-right: 0px none;
}

#insideSkin .view {
    display: none;
    visibility: hidden;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: transparent;
}

#insideSkin .dropdown-menu {
    position: relative;
    float: right;
    top: 30px;
    margin-right: -35px;
    font-weight: normal !important;
}

    #insideSkin .dropdown-menu > li > a,
    #insideSkin .dropdown-menu > li > a:hover,
    #insideSkin .dropdown-menu > li > a:focus {
        font-weight: normal !important;
    }

#insideSkin div#IntegraSdiAlert.alert,
#insideSkin div#IntegraSdiInfo.alert {
    margin: 10px 0 10px 0px;
}

.srhilite {
    background-color: #c4e289;
    padding: 0 5px;
}

.dgWidget {
    height: 500px;
}

.fatturazione-icon::before,
.scadenze-icon {
    background-color: transparent;
    display: inline-block;
    font-size: 22px;
    position: relative;
    top: 2px;
    width: 29px;
    font-weight: normal !important;
}

.container-fluid.index .blockHome h1 i.fa-solid.fatturazione-icon,
.container-fluid.index .blockHome h1 i.fa-solid.scadenze-icon {
    font-size: 24px;
    position: relative;
}

/*Gestione Fatture Icon for Columns and Buttons*/
@font-face {
    font-family: 'docric';
    src: url('../fonts/docric.eot?4642243');
    src: url('../fonts/docric.eot?4642243#iefix') format('embedded-opentype'), url('../fonts/docric.woff2?4642243') format('woff2'), url('../fonts/docric.woff?4642243') format('woff'), url('../fonts/docric.ttf?4642243') format('truetype'), url('../fonts/docric.svg?4642243#docric') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    font-size: 140%;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-email-monit:before {
    content: url(../Content/icons/invioMail.svg);
}

.icon-nota-monit-o:before {
    content: url(../Content/Icons/notaMonit-o.svg);
}

.icon-nota-monit:before {
    content: url(../Content/Icons/notaMonit.svg);
}

.icon-viewdoc:before {
    content: url(../Content/Icons/viewDoc.svg);
}

.icon-docaccetta:before {
    content: '\e801';
    color: #555 !important;
}

.icon-ricevutadecor:before {
    content: url(../Content/Icons/ricevutaDecor.svg);
}

.icon-ricevutaok:before {
    content: url(../Content/Icons/ricevutaOk.svg);
}

.icon-ricevutawait:before {
    content: url(../Content/Icons/ricevutaWait.svg);
}

.tableModule i.icon-docaccess:before {
    content: "\e800";
}

.tableModule i.icon-docemail:before {
    content: "\e801";
}

.tableModule i.icon-docfirmato:before {
    content: "\e802";
}

a.dx-link.fa-solid.icon-docaccetta, a.dx-link.fa-solid.fa-download {
    position: sticky;
    top: 2px;
}

a.dx-link.fa-solid.fa-file-alt, a.dx-link.fa-solid.fa-file-text-o {
    display: inline-block;
    font-size: 16px;
    top: 3px;
}

a.dx-link.fa-solid.icon-downloadpdf {
    position: relative;
    top: 2px;
}

.icon-downloadpdf:before {
    content: '\e805';
}

#userForm > div.pull-left > div.lang > div > div {
    position: relative;
    margin-right: -35px;
    font-weight: normal !important;
    float: left;
    top: 1px;
}

.nav li.lang a.iconNav, div.lang a.iconNav {
    padding-top: 4px;
    padding-left: 0;
    display: block;
    margin-left: 15px;
}

    .nav li.lang a.iconNav img,
    div.lang a.iconNav img,
    div.lang.iconNav img,
    div.custom-item.iconNav > img {
        width: 35px;
    }

.lang-image {
    width: 21px;
    float: left;
    border-radius: var(--baseRadius);
    height: 21px;
    margin-right: 7px;
}

.lang .iconNav, .langIcon {
    display: inline;
}

.nav li.lang .dropdown-menu, div.lang .dropdown-menu {
    right: 0;
    left: auto;
    padding: 10px;
    min-width: 130px;
}

    .nav li.lang .dropdown-menu a, div.lang .dropdown-menu a {
        display: block;
        color: #333;
        text-transform: capitalize;
    }

        .nav li.lang .dropdown-menu a img, div.lang .dropdown-menu a img {
            width: 20px;
            height: 15px;
        }

.dropdown-language {
    display: inline-table;
    margin: 3px 0;
}

.list-unstyled {
    margin-bottom: 0px;
}

.internal-grid .dx-widget > td {
    font-size: 85%;
}

#integraSdiContainer {
    height: 767px;
    margin-top: 20px;
}

#leftPanel {
    width: 25%;
    float: left;
    height: 800px;
    overflow: scroll;
}

#chartPanel {
    height: 30%;
    margin: 5px;
    width: 90%;
}

.debug {
    display: none;
    outline: 1px solid var(--colorRed);
}

#mainToolbar {
    margin: 15px 3px;
    padding: 3px;
    outline: 1px solid green;
}

.container:nth-child(2) {
    margin-top: 40px;
}

#warningMessage {
    padding: 3px;
    background: #EFF3DC;
    color: #3393A4;
    font-weight: bold;
}

.dashboardLabel {
    position: relative;
    width: 100px;
    padding: 1px;
    font-size: 100%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    display: table;
    top: 110px;
    margin-bottom: 0px;
    padding-left: 50px;
}

.dashboardValue {
    position: relative;
    width: 100px;
    padding: 1px;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: table;
    top: 215px;
}

#captchaPanel {
    width: 400px;
    border-radius: var(--baseRadius);
    border: 1px solid #C1C1C1;
    padding: 10px 5px;
    margin: 3px;
    margin-top: 10px;
}

/* Form Styles*/
.SimpleItem {
    width: 400px;
}

.SimpleItemLarge {
    width: 700px;
}

#form-container {
    margin-bottom: 30px;
}

    #form-container.nuova-distinta {
        margin-bottom: 10px;
    }

.dx-datagrid .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: inline-block;
}

.dx-datagrid .dx-select-checkbox[aria-checked="true"] .dx-checkbox-container,
.dx-datagrid .dx-select-checkbox[aria-checked="false"] .dx-checkbox-container,
.dx-datagrid .dx-select-checkbox[aria-checked="mixed"] .dx-checkbox-container {
    display: none;
}

.dx-datagrid .dx-select-checkbox[aria-checked="true"]:before,
.dx-datagrid .dx-select-checkbox[aria-checked="false"]:before,
.dx-datagrid .dx-select-checkbox[aria-checked="mixed"]:before {
    font-family: "Font Awesome 6 Free";
    color: #777;
}

.dx-datagrid .dx-select-checkbox[aria-checked="true"]:before {
    content: "\f14a";
}

.dx-datagrid .dx-select-checkbox[aria-checked="false"]:before {
    content: "\f0c8";
}

.dx-datagrid .dx-select-checkbox[aria-checked="mixed"]:before {
    content: "\f0c8";
    font-weight: bold;
}

form .dropdown-language input {
    width: auto;
}

#HostOffice {
    text-align: center;
    margin: 0px auto;
}

.SiteDescription {
    display: block;
}

.search-input {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

.excelExport label {
    margin-right: 3px;
}

#NodeListIntegraSdiDetails {
    border: 1px solid #cecece;
    overflow-y: auto;
    height: 200px;
}

.nav i.fa-solid.fa-rss {
    top: 11px;
}

/* sovrascrive lo stile dei pulsanti previsto da serviziweb.css */
.dx-cta {
    padding: 0px;
}

.dx-list-item:hover {
    background-color: rgba(96,96,96,.0);
    color: #2b2b2b;
}

.dx-list-item.dx-state-active {
    background: #d9d9d9;
    color: #000;
}

.fa-filter-on {
    color: #0a8f8e;
}

/*Sezione Cookie Policy */
.cookiePartial {
    height: calc(100vh - 50px);
    overflow-y: auto;
    padding-right: 0;
}

    .cookiePartial .cookiePartial {
        text-align: left;
        padding: 15px;
        height: auto;
        overflow-y: hidden;
    }

    .cookiePartial ul {
        padding-inline-start: 0;
        list-style-type: none;
    }

    .cookiePartial li {
        padding: 7px 10px;
        background-color: #d0e3e3;
        margin: 5px 0;
    }

        .cookiePartial li li {
            border-bottom: 1px dotted var(--green);
        }

            .cookiePartial li li:first-child {
                border-top: 1px dotted var(--green);
                margin-top: 10px;
            }

    .cookiePartial h1 {
        font-size: 23px;
        font-weight: normal;
        color: var(--green);
        font-family: 'Open Sans', sans-serif;
    }

    .cookiePartial h2 {
        font-size: 21px;
        font-weight: normal;
        color: var(--green);
        font-family: 'Open Sans', sans-serif;
    }

    .cookiePartial h3 {
        font-size: 17px;
        font-weight: normal;
        color: var(--green);
        font-family: 'Open Sans', sans-serif;
        margin-top: 15px;
    }

.boxCookie {
    padding: 15px;
    background-color: #eef7ed;
    margin-bottom: 10px;
    border: 1px dotted #4db34a;
}

/* OVERRIDE */
.myhidden {
    display: none;
    visibility: hidden;
}

.mycollapsed {
    display: none;
}

.myexpanded {
    display: block;
}

#insideSkin .treeList .dx-treeview .dx-empty-message {
    color: #fff;
}

#insideSkin.row.tableModule.treeList.myexpanded {
    width: 400px;
    display: block;
}

#insideSkin.row.tableModule.treeList.mycollapsed {
    width: 0px;
}

.fa-search-on {
    color: #0a8f8e;
}

a.fa-solid.fa-list, a.fa-solid.fa-bars, a.fa-solid.fa-download, a.fa-solid.fa-pen {
    color: #555;
}

.pagination {
    border-top: 1px solid var(--greyXtraLight);
    background-color: #c6c5c5;
    border-radius: 0;
    margin-top: 10px;
}

    .pagination > li, .pagination > li a {
        width: 10%;
    }

        .pagination > li, .pagination > li.active a {
            color: #fff;
        }

            .pagination > li > a, .pagination > li > span {
                padding: 4px 10px !important;
                text-align: center;
            }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: var(--green);
        border-color: var(--green);
    }

    .pagination > li > a, .pagination > li > span {
        color: #555;
    }

.searchResultsMobile {
    height: calc(100vh - 300px);
}

#insideSkin div#IntegraSdiAlert.alert,
#insideSkin div#IntegraSdiInfo.alert {
    margin-top: 0;
}

#GridViewIntegraSdi > tr.dx-state-hover {
    background-color: #0a8f8e22;
    border: 1px solid var(--colorRed);
}

.dx-texteditor-input-container {
    max-width: 100%;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
    background-color: var(--colorRed);
}

.dx-data-row.dx-state-hover {
    background-color: yellow;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #b7e8e8;
}

.dx-datagrid .dx-header-filter {
    color: #333;
}

.dx-datagrid .dx-header-filter-empty {
    color: rgba(255, 255, 255, 0.5);
}

#btnResetPassword {
    display: inline-block;
    margin-top: 0;
    padding: 3px;
    margin-left: 0;
    margin-bottom: 10px !important;
}

    #btnResetPassword .dx-button-content {
        padding: 0 !important;
    }

#insideSkin > footer > div > div.col-xs-4.text-right {
    padding-top: 4px;
}

.WrappedColumnClass {
    white-space: nowrap !important;
    word-wrap: break-word;
}

.validation-summary-errors > ul {
    list-style-type: none;
    color: #d9534f;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Riscontro 96204 */
.noteAzioniFattura {
    margin: 5px 0;
    width: 250px;
}

.esitoFattura {
    font-weight: bold;
    text-align: center;
}

    /* RED */
    .esitoFattura.NS > i,
    .esitoFattura.AT > i,
    .esitoFattura.EC > i,
    .esitoFattura.SE > i {
        color: var(--colorRed);
    }

    .esitoFattura.RC > i,
    .esitoFattura.MC > i {
        color: #8CD7FF;
    }

    /* BLUE */
    .esitoFattura.RC > i,
    .esitoFattura.MC > i {
        color: #8CD7FF;
    }

    /* GREEN */
    .esitoFattura.NE > i,
    .esitoFattura.DT > i {
        color: #90EE90;
    }

a.dx-link.icon-viewdoc,
a.dx-link.icon-docaccetta,
a.dx-link.icon-ricevutadecor,
a.dx-link.icon-ricevutaok,
a.dx-link.icon-ricevutawait,
a.dx-link.icon-statoerr,
a.dx-link.icon-statook,
a.dx-link.icon-statowait {
    padding: 0;
    margin: 0;
}

ul.attachmentsList,
.ulAllegati {
    display: inline;
    margin-left: -35px;
}

    .attachmentsList li,
    .ulAllegati li {
        display: inline-block;
        margin-left: 3px;
    }

        .attachmentsList li::before,
        .ulAllegati li::before {
            content: ""
        }

        .attachmentsList li a,
        .ulAllegati li a {
            color: var(--greenDark) !important;
        }

.tx-small {
    display: inline-block;
}

i.myMessageInfo,
i.myMessageAlert,
i.myMessageWarning {
    font-style: normal;
}

.myMessageInfo::after {
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    content: "\f06a";
    position: relative;
    top: -7px;
    margin-right: 10px;
    float: left;
    color: #0575e9;
}

.myMessageAlert::after {
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    content: "\f06a";
    position: relative;
    top: -7px;
    margin-right: 10px;
    float: left;
    color: #ff8800;
}

.myMessageWarning::after {
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    content: "\f071";
    position: relative;
    top: -7px;
    margin-right: 10px;
    float: left;
    color: #e92027;
}

/*Ris 97109 95837 */
#ChangePasswordForm input[type=text], form input[type=password] {
    width: 100%;
}

#ChangePasswordForm > div > div > div > div:nth-child(1) > div > div > div > div > div > div.dx-texteditor-buttons-container,
#ChangePasswordForm > div > div > div > div:nth-child(2) > div > div > div > div > div > div.dx-texteditor-buttons-container,
#ChangePasswordForm > div > div > div > div:nth-child(3) > div > div > div > div > div > div.dx-texteditor-buttons-container {
    position: relative;
}

.tableGestioneFattureMobile td,
.tableDocumenti td {
    border: 1px solid var(--greyXtraLight);
    padding: 3px;
}

.tableGestioneFattureMobile th,
.tableDocumenti th {
    font-weight: bold;
    background: var(--greenXtraLight);
    border: 1px solid var(--greyXtraLight);
    width: 33%;
}

/*Riscontro 97473*/
.not-active-link {
    cursor: not-allowed;
    opacity: .65;
}

#documents-treeview div.dx-loadindicator-icon,
#dkdrive-treeview div.dx-loadindicator-icon {
    visibility: hidden;
}

#myTabPanel h2 {
    background-color: var(--green);
    color: #fff;
    padding: 10px;
    font-size: 21px;
}

.lc {
    display: none;
}

#insideSkin .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td {
    border-bottom: 0 none;
}

    #insideSkin .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td:first-child {
        width: 1px !important;
    }

    #insideSkin .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td:last-child {
        width: calc(100% - 1px);
    }

#insideSkin div[id^="gridFornitori"],
#insideSkin div[id^="gridClienti"] {
    padding-top: 0;
}

.sintesiDataGridData[id^="situazioneFornitori"] .dx-datagrid-total-footer,
div[id^="gridFornitori"] .dx-datagrid-total-footer {
    background-color: #f1e1d2;
}

    .sintesiDataGridData[id^="situazioneFornitori"] .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td .dx-datagrid-summary-item,
    div[id^="gridFornitori"] .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td .dx-datagrid-summary-item {
        color: #df2a00 !important;
    }

#insideSkin .sintesiDataGridData[id^="situazioneFornitori"] div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover,
#insideSkin div[id^="gridFornitori"] div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover {
    background-color: #f6efe8;
}

.sintesiDataGridData[id^="situazioneClienti"] .dx-datagrid-total-footer,
div[id^="gridClienti"] .dx-datagrid-total-footer {
    background-color: #e0edc6;
}

    .sintesiDataGridData[id^="situazioneClienti"] .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td .dx-datagrid-summary-item,
    div[id^="gridClienti"] .dx-datagrid-total-footer table.dx-datagrid-table > tbody > tr > td .dx-datagrid-summary-item {
        color: #6eaa17 !important;
    }

#insideSkin .sintesiDataGridData[id^="situazioneClienti"] div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover,
div[id^="gridClienti"] div.dx-datagrid-rowsview table.dx-datagrid-table tbody tr:hover {
    background-color: #f0f6e5;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 2px;
    padding-bottom: 2px;
}

.centeredLoader {
    margin: 10% auto;
}

/* Per redditivit� */
div.col-md-12.col-lg-9.singleRow {
    margin-top: 13px;
}

.FattureBeniIcon {
    width: 20px;
}

/* dropdown-language */
.dropdown-language {
    width: 200px;
    margin-top: 3px;
}

.lang-description {
    float: left;
}

.LottoDettaglioIcon {
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 2px;
    float: right;
}

#insideSkin table.dx-datagrid-table .fa-solid.fa-align-justify {
    display: inline-block;
    font-size: 16px;
    color: #555;
    top: 0px;
    left: 3px;
}

#insideSkin table.dx-datagrid-table .fa-solid.fa-file-text-o {
    color: #555 !important;
}

#insideSkin table.dx-datagrid-table .fa-solid.fa-file-alt {
    color: #0a8f8e !important;
}

#MainContent.error-txt {
    padding: 0 20px;
}

    #MainContent.error-txt h2 {
        font-size: 23px;
        font-weight: normal;
        color: var(--green);
        letter-spacing: -1px;
        font-family: 'Open Sans', sans-serif;
        border-bottom: 1px dotted var(--greyXtraLight);
        width: 100%;
        padding-top: 15px;
    }

/* TODO: da spostare in site mobile css */
.maxWidth {
    width: 100% !important;
}

/* TODO: da spostare in site mobile css */
label input[type="file"] {
    position: fixed;
    top: -1000px;
}

#upload-css button, #upload-css .button {
    background-color: #fbb428;
    border-color: #e59904;
    border-style: solid;
    border-width: 0;
    color: #0e92a1;
    cursor: pointer;
    display: inline-block;
    font-family: "museo-sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: 0.625rem 1.25rem 0.6875rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
}

.question_row .columns {
    background: none repeat scroll 0 0 #0b7582;
    border-radius: var(--baseRadius);
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}

    .question_row .columns:before {
        border-color: #0b7582 transparent transparent;
        border-style: solid;
        border-width: 15px 5px 0;
        bottom: -7px;
        content: "";
        display: none;
        height: 0;
        left: -6px;
        position: absolute;
        width: 0;
    }

.column, .columns {
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    position: relative;
}

.large-3 {
    width: 25%;
}

.dimension-file-error {
    color: var(--colorRed);
    font-weight: normal;
}

.dimension-file-ok {
    color: var(--colorGreen);
    font-weight: normal;
}

.common-modal {
    top: 100px;
}

.downloadSvgIcon {
    width: 27.44px;
    height: 19.43px;
    background-color: #555 !important;
    -webkit-mask: url("../Content/icons/downloadLockedDoc.svg") no-repeat center;
    mask: url("../Content/icons/downloadLockedDoc.svg") no-repeat center;
    position: relative;
    top: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
}

.downloadConservazioneIcon.data-trasloco {
    color: #FFA500 !important;
}

.uploadIcon {
    color: white;
}

.bold {
    font-weight: bold;
}

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

#collapseTools.collapse,
#collapseTools.collapsing,
#collapseTools.collapse.in,
#collapseInfo.collapse,
#collapseInfo.collapsing,
#collapseInfo.collapse.in,
#collapseExtensions.collapse,
#collapseExtensions.collapsing,
#collapseExtensions.collapse.in,
[id^="collapseSeleziona"].collapse,
[id^="collapseSeleziona"].collapsing,
[id^="collapseSeleziona"].collapse.in {
    position: absolute;
    z-index: 10000;
}

.padding-download {
    padding-top: 8px !important;
}

.padding-fa {
    padding-top: 7px !important;
}

.list-group-item {
    min-width: 260px;
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    margin: 0 0 5px 0 !important;
    border: 0px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.hr-line {
    margin: 0;
    border-top: 1px solid var(--greyXtraLight);
}

.list-group-item:hover {
    background-color: #ddd;
}

[id^="collapseSeleziona"] .list-group-item {
    min-width: 217px;
}

    [id^="collapseSeleziona"] .list-group-item.verifica-iban {
        min-width: 260px;
    }

    [id^="collapseSeleziona"] .list-group-item:last-child {
        border-top: none;
    }

#grid-elaborazioni i.fa-solid.fa-download {
    color: var(--green);
    margin-right: 0px !important;
}

.download-color {
    color: #ddd !important;
    margin-right: 0px !important;
}

.refresh-color {
    color: #FB0F03 !important;
    margin-right: 0px !important;
}

#grid-elaborazioni {
    height: 520px;
}

#refresh-button {
    outline: none;
}

    #refresh-button:focus {
        background-color: transparent;
    }

#grid-elaborazioni .dx-icon.fa-solid.fa-download {
    color: var(--green);
}

#grid-elaborazioni .dx-button.dx-button-has-icon {
    background: #C8FAFA;
    padding: 0px;
    width: 100%;
}

#grid-elaborazioni .background-td-download {
    background: #C8FAFA;
}

#grid-elaborazioni .font-size-archive-file {
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    color: black;
}

#GridViewToSend {
    height: 480px;
}

.icon-statoerr:before {
    content: '\e802';
    color: #f00 !important;
}

.statoerr {
    color: #f00 !important;
}

#GridViewFlussi .icon-statoerr:before,
#GridViewFlussi .icon-statook:before,
#GridViewFlussi .icon-statowait:before {
    margin-top: 2px;
}

.div-block {
    pointer-events: none;
    opacity: 0.5;
}

.margin-input-botton {
    margin: 0px 5px;
    width: 150px;
}

.textBlockHomeHeight {
    height: 100px !important;
}

.hrBorderLight {
    margin-top: 5px;
    margin-bottom: 10px;
}

.labelDimension {
    margin-left: 20px;
    min-width: 150px;
}

#errorTitle {
    color: var(--colorRed);
    padding-bottom: 5px;
    display: block;
}

    #errorTitle:empty {
        display: none;
    }

/* PAGINE ERRORE E SERVIZIO NON DISPONIBILE */
.errorBlock {
    padding: 65px 20px;
}

    .errorBlock h2 {
        font-family: 'Open Sans', sans-serif;
        color: #eaa811;
        font-weight: 400;
        font-size: 26px;
    }

#MainContent.errorText,
#MainContent .errorText {
    font-size: 14px;
}

#MainContent.errorText {
    padding: 15px;
}

    #MainContent.errorText h2,
    #MainContent .errorText h2 {
        font-size: 22px;
        color: #eaa811;
        margin-top: 6px;
        padding-bottom: 8px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        border-bottom: 1px dashed #eaa811;
    }
/* FINE PAGINE ERRORE E SERVIZIO NON DISPONIBILE */

.select-box-width {
    width: 150px;
}

#ddlVerificaScadenze.select-box-width {
    width: 220px;
}

.select-box-lookup {
    width: 320px;
}

.text-message-popup {
    margin-bottom: 10px;
    height: 190px;
}

.color-note {
    color: #0a8f8e !important;
}

.btnFatturaPopup {
    color: white !important;
    background-color: #0a8f8e;
    font-weight: bold;
    width: 150px;
}

.alert.danger {
    color: #a94442;
}

    .alert.danger.note,
    .alert.danger.mail {
        padding: 0;
        margin-bottom: 0;
    }

.input-popup {
    display: inline;
    margin-right: 10px;
}

div.text-message-popup.dx-texteditor.dx-state-hover,
div.text-message-popup.dx-texteditor.dx-state-focused {
    border: 1px solid #ddd;
}

div.popupAction {
    text-align: center;
}

.center-ok-button {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0;
    margin-top: 10px;
    bottom: 15px;
}

    .center-ok-button .button-popup.dx-button.dx-button-normal {
        margin: 0 5px;
    }

div#popupContainer {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 45px);
}

/* Numerino che indica il numero di errori nel popup alert che esce nella pagina di XmlGO */
.xmlGo-error-number {
    font-weight: bold;
}

.button-popup.send-success.dx-button.dx-state-focused {
    background-color: var(--green);
    border-color: white;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: var(--green) !important;
}

.phone-esito {
    position: relative;
    top: -2px;
    color: #e48b00 !important;
    padding-left: 0px;
    font-size: 16px !important;
}

.header-grid-none-color {
    color: #4ea7a5 !important;
}

.tipo-foglio-stile {
    display: inline-flex;
}

table.dx-datagrid-table-fixed {
    border: 0 none;
    word-wrap: initial;
}

    table.dx-datagrid-table-fixed td {
        word-wrap: normal;
    }

#GridViewToSend table td, table th {
    font-size: 14px;
    line-height: unset;
}

.tipo-foglio-stile {
    margin-bottom: 10px;
}

.indent-text {
    text-indent: 2em;
    line-height: 0px;
    margin: 0 0 5px;
}

.titleRinominaFile,
.chkDelete {
    vertical-align: top;
    padding-left: 5px;
}

.titleRinominaFile {
    position: relative;
    top: -1px;
}

.checkbox-label {
    display: inline-block;
    width: 40%;
}

.checkbox-container {
    display: inline-block;
}

.label-formato {
    margin-right: 5px;
}

.copia-mittente-checkbox {
    padding-right: 5px !important;
}

.includi-allegati-container {
    float: right;
    margin-right: 13px;
}

.dx-field-label-width {
    width: 30% !important;
}

.dx-field-value-width {
    width: 70% !important;
}

.remove-error-file-mobile {
    margin-top: 10px;
}

.no-margin {
    margin: 0px;
}

.default-cursor {
    cursor: default;
}

.pointer-cursor {
    cursor: pointer;
}

.text-cursor-menu {
    cursor: text;
    pointer-events: none;
}

#GridViewGestioneFatture .dx-datagrid-header-panel,
#GridViewIntegraSdi .dx-datagrid-header-panel,
#grid-scadenze .dx-datagrid-header-panel,
.ordini-context .dx-datagrid-header-panel,
.grid-basic .dx-datagrid-header-panel {
    display: none;
}

.clientAreaContent.generalConfig .grid-utenti .dx-datagrid-header-panel {
    position: fixed;
    right: 15px;
    top: 57px;
}

    .clientAreaContent.generalConfig .grid-utenti .dx-datagrid-header-panel .dx-texteditor.dx-editor-outlined {
        border: 1px solid var(--greyXtraLight);
        width: 185px !important;
    }

.clientAreaContent.generalConfig .grid-utenti .dx-datagrid .dx-command-edit-with-icons .dx-link {
    color: #777;
    text-decoration: none;
    position: relative;
}

.grid-utenti .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    padding: 0;
}

.dx-invalid-message > .dx-overlay-content {
    color: #d9534f;
    border-radius: 0;
    transition: none !important;
    transform: none !important;
    background-color: transparent;
    font-size: 8px;
    top: -5px !important;
    left: 2px !important;
    position: relative;
    padding: 0 !important;
    text-transform: uppercase;
}

.dx-checkbox .dx-invalid-message > .dx-overlay-content {
    top: -13px !important;
    left: 0px !important;
}

.offline-center {
    text-align: center;
    vertical-align: middle;
}

.offline-title {
    text-align: center;
    border: 1px solid var(--greyDark);
    width: 40%;
    position: relative;
    display: inline-block;
    padding: 25px;
    color: rgb(236, 83, 83);
}

#chartPieFattureAttive,
#chartPieFatturePassive {
    margin: 0 auto;
    width: 70% !important;
}

.disable-grid {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
    display: none !important;
    visibility: hidden !important;
}

#toolbarTop .insideText {
    visibility: hidden;
    display: none;
}

.visible-dashboard {
    display: block;
    visibility: visible;
}

.hidden-dashboard {
    display: none !important;
    visibility: hidden;
}

img.file-excel {
    padding: 5px 0px !important;
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    color: var(--greyDark);
    border: 1px solid var(--greyXtraLight);
    position: relative;
    font-size: 21px;
    cursor: pointer;
}

.search i.fa-solid.fa-remove {
    right: 20px !important;
    top: -17px;
    opacity: inherit;
    position: relative;
    font-size: 18px;
}

.margin-top-chat {
    margin-top: 10px;
}

.chat-message-popup {
    margin-bottom: 10px;
    height: 100px;
}

.icon-eraser:before {
    content: '\f00d';
    color: #7d7d7d !important;
    font-family: "Font Awesome 6 Free";
}

.icon-trash-o:before {
    content: '\f014';
    color: #7d7d7d !important;
    font-family: "Font Awesome 6 Free";
}

.icon-edit-o:before {
    content: '\f040';
    color: #7d7d7d !important;
    font-family: "Font Awesome 6 Free";
}

.icon-scadenza-modificata:before {
    content: '\f14a';
    color: #7d7d7d !important;
    font-family: "Font Awesome 6 Free";
}

.icon-scadenza-movimento:before {
    content: '\f153';
    color: #7d7d7d !important;
    font-family: "Font Awesome 6 Free";
}

.text-chat-popup {
    margin: 0;
    height: 65px;
}

.chat-popup-view #chat,
.chat-popup-view .dx-scrollview-content,
.chat-popup-view .dx-scrollable-content {
    height: 100%;
    position: absolute;
    width: 100%;
}

.chat-popup-view .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
    height: calc(100% - 75px);
    position: absolute;
    width: 100%;
}

.chat-popup-view .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    display: none;
    visibility: hidden;
}

#txtChat {
    margin-top: 10px;
    margin-bottom: 10px;
}

#chatContainer {
    height: calc(100% - 75px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.title-popup-chat {
    padding-bottom: 10px;
}

/*Box Contabilizzazione*/
.chat-layout {
    pointer-events: all;
}

.link-flussi {
    font-weight: normal;
    text-decoration: underline;
    color: var(--green);
}

    .link-flussi:hover, .link-flussi:focus {
        font-weight: 600;
        text-decoration: underline;
    }

#chatContainer .chat-data-invio {
    font-size: 10px;
}

#chatContainer .mittente-left .chat-data-invio {
    color: #949494;
}

#chatContainer .text-chat-popup {
    font-size: 12px;
}

#chatContainer .dx-state-disabled.dx-widget {
    opacity: 1;
}

#chatContainer .row {
    margin-bottom: 10px;
}

.mittente-right {
    color: var(--green);
}

.chat-mittente-left {
    text-align: left;
    color: #949494;
}

.chat-mittente-right {
    text-align: right;
}

.mittente-left div.text-chat-popup,
.mittente-right div.text-chat-popup {
    height: auto;
    padding: 7px;
    margin: 0 0 3px 0;
    border-radius: var(--baseRadius);
}

.mittente-left div.text-chat-popup {
    background: #e6e6e6;
    border: 1px solid var(--greyXtraLight);
}

.mittente-right div.text-chat-popup {
    background: #dbe8e8;
    border: 1px solid #a8c6c6;
}

#txtChat,
#txtChat.dx-texteditor.dx-state-focused,
#txtChat.dx-texteditor.dx-state-active {
    border: 0 none;
    padding-top: 9px;
    border-top: 1px solid var(--greyXtraLight);
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    border-radius: var(--baseRadius);
}

    #txtChat div {
        height: 55px;
    }

    #txtChatPopup, #txtChat textarea.dx-texteditor-input {
        border: 1px solid var(--greyXtraLight);
        border-radius: var(--baseRadius);
    }

    #txtChat .dx-texteditor-container {
        width: calc(100% - 50px);
        float: left;
    }

    #txtChat i#btnNote {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        float: right;
        background-color: #0a8f8e;
        color: #fff;
        line-height: 46px;
        text-align: center;
        cursor: pointer;
        margin-top: 6px;
    }

#chatContainer .dx-texteditor {
    border: 0 none;
}

#txtChat i#btnNote.icon-save-chat:before {
    content: '\f064';
    font-family: inherit;
}

a.icon-eraser {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.list-mobile .dx-scrollview-content {
    margin-top: 5px;
}

#dateFrom.dx-dropdowneditor-button-visible .dx-texteditor-input,
#dateTo.dx-dropdowneditor-button-visible .dx-texteditor-input {
    width: 100%;
}

#formInvioFlusso .center-ok-button {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0;
    padding-top: 10px;
    bottom: 10px;
    border-top: 1px solid var(--greyXtraLight);
}

.grid-cell-center {
    text-align: center !important;
}

.inline {
    display: inline-block;
}

#spinner-pdd .fa-solid.fa-spinner {
    margin-right: 3px;
    font-size: 26px;
}

#spinner-pdd {
    position: relative;
}

.text-file {
    min-height: 40px;
    top: 10px;
}

#formPDD input[id$="_tipo"], #formPDD input[id$="_annoRiferimento"] {
    width: 95%;
}

#chkNoPivaContainer {
    margin-top: 10px;
}

#scadenzario-list .margin-list, #anagrafica-list .margin-list {
    margin-left: 10px;
    max-width: calc(100% - 25px);
    vertical-align: top;
}

.red {
    color: var(--colorRed) !important;
}

.green {
    color: var(--colorGreen) !important;
}

.orange {
    color: orange !important;
}

.lightgray {
    color: lightgray !important;
}

.grey {
    color: var(--grey) !important;
}

.configurazioneUtente .cbox div.col-md-2 {
    text-align: center;
}

.configurazioneUtente .cbox div.col-md-2,
.configurazioneUtente .cbox div.col-md-4 {
    border-bottom: 1px dotted var(--greyXtraLight);
    height: 27px;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.configurazioneUtente .cbox div.col-md-4 {
    padding-left: 0;
}

.configurazioneUtente .cbox {
    margin: 0;
}

    .configurazioneUtente .cbox div.col-md-2 {
        border-left: 1px dotted var(--greyXtraLight);
    }

    .configurazioneUtente .cbox .checkbox-section-configurazione div.col-md-2, .configurazioneUtente .cbox .checkbox-section-configurazione div.col-md-4 {
        border-bottom: 2px solid var(--greyXtraLight);
    }

    .configurazioneUtente .cbox div.col-md-4:empty {
        border-bottom: 0 none;
    }

.configurazioneUtente label.padTopLabel {
    padding-top: 6px;
    margin-bottom: 0;
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid #777;
    background: #fff;
}

.dx-datagrid-column-chooser-mode-drag .dx-treeview-node {
    border-bottom: 0 none;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #f0f0f0;
    color: #333;
}

.error-ordini {
    color: var(--colorRed) !important;
}

.tools-menu-disabled {
    background-color: #777;
    pointer-events: none;
}

.uppercase-text input[type=text],
.uppercase-text.info-title {
    text-transform: uppercase;
}

.float-right {
    float: right;
}

.dx-datagrid-table i.fa-solid.fa-asterisk {
    font-size: 8px !important;
    position: relative;
    top: -2px;
    padding-left: 7px;
}

.failure {
    background-color: var(--colorRed) !important;
}

.nav i.fa.fa-bars {
    top: 0;
}

.dx-datagrid-table i.fa-solid.fa-user-check.float-right {
    font-size: 17px;
    color: var(--greyLight);
}

.collapsing-parameter {
    border: 1px dotted var(--greenDark);
    padding: 0 2px;
}

#insideSkin .dx-datagrid-text-content.dx-text-content-alignment-left.dx-text-content-alignment-right {
    padding-right: 9px;
}

.custom-hidden {
    display: none !important;
}

.mobile-visible {
    display: none;
    visibility: hidden;
}

#lookup-field .dx-lookup-field,
#soggetti-lookup-field .dx-lookup-field {
    text-align: left;
    padding: 7px 25px 8px 9px;
}

#soggetti-lookup-field.dx-lookup-empty .dx-lookup-field {
    color: #fff;
}

#UserProfileForm .dx-field-item-help-text {
    display: none;
}

    #UserProfileForm .dx-field-item-help-text.emailViewHelpText {
        display: flex !important;
        color: var(--colorRed);
    }

/* MODALE BOOTSTRAP */
.modal-backdrop.show {
    z-index: 100000001;
}

.modal {
    z-index: 100000002;
}

    .modal .modal-dialog .modal-content .modal-header {
        padding: 10px 15px 7px;
    }

#modalNotifica.modal .modal-body #bodyNotifica {
    text-align: justify;
}

.modal .modal-dialog .modal-content .close {
    font-size: 25px;
    padding-top: 17px !important;
    color: var(--grey);
}

.modal#modalLogo .modal-dialog .modal-content .close {
    padding-top: 0 !important;
    border: 0 none;
    background-color: transparent;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 10px 15px;
    justify-content: center;
}

    .modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
        padding: 1px 20px;
        text-align: center;
        font-weight: 300 !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: var(--baseText) !important;
        display: inline-flex;
        flex-direction: column;
        align-self: stretch;
        height: 35px;
        line-height: 33px;
        background-color: var(--green) !important;
        border: 0 none;
        color: #fff;
        align-items: center;
    }

        .modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:hover,
        .modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:focus {
            background-color: var(--greenDark) !important;
        }


/* Sezione trasloco nel profilo */
#traslocoActivation,
.trasloco-section,
#lookup-field,
#soggetti-lookup-field,
.trasloco-section #countdown {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    height: 36px;
}

    .trasloco-section input {
        height: 36px;
        border: 1px solid var(--greyXtraLight);
        padding-left: 7px;
        background-color: #fff;
    }

    .trasloco-section i {
        font-size: 21px;
        margin-left: 4px;
        position: relative;
        background-color: var(--green);
        color: #fff;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 35px;
        vertical-align: top;
    }

    .trasloco-section #countdown {
        position: relative;
        top: 7px;
        padding-left: 7px;
        color: #ec710c;
    }
/* Fine sezione trasloco nel profilo */

.custom-popup .dx-item.dx-box-item .dx-colorbox .dx-colorbox-color-result-preview {
    width: 17px;
    right: 0px;
}

.custom-popup .dx-item.dx-box-item .dx-colorbox {
    max-width: 76px;
}

.fa-solid.empty-width-class {
    width: 18px;
}

.scadenzeGo.withMessage.blockHome #store-link {
    margin-bottom: 5px;
}

.modal .modal-dialog .modal-content .modal-body #partial-trasloco #lookup-field {
    margin: 0 auto;
    border: 1px solid var(--greyXtraLight);
    margin-top: 10px;
}

/* Dimensione Text count ricorrenza dello scheduler */
.dx-recurrence-numberbox-repeat-count.dx-show-invalid-badge.dx-numberbox.dx-texteditor.dx-numberbox-spin.dx-editor-outlined.dx-widget {
    width: 100% !important;
}

#insideSkin a.dx-link.fa-solid.fa-coins.scadenza-non-saldata {
    color: var(--colorRed);
}

#insideSkin a.dx-link.fa-solid.fa-coins.scadenza-saldata {
    color: var(--colorGreen);
}

#insideSkin table.dx-datagrid-table a.fa-solid.scadenze-custom.dx-link.fa-calendar-alt.red:hover,
#insideSkin table.dx-datagrid-table a.dx-link.fa-solid.fa-coins.scadenza-non-saldata:hover,
#insideSkin table.dx-datagrid-table a.fa-solid.scadenze-custom.dx-link.fa-calendar-alt.red:focus,
#insideSkin table.dx-datagrid-table a.dx-link.fa-solid.fa-coins.scadenza-non-saldata:focus {
    color: var(--colorRed) !important;
}

#insideSkin table.dx-datagrid-table a.fa-solid.scadenze-custom.dx-link.fa-calendar-alt.green:hover,
#insideSkin table.dx-datagrid-table a.dx-link.fa-solid.fa-coins.scadenza-saldata:hover,
#insideSkin table.dx-datagrid-table a.fa-solid.scadenze-custom.dx-link.fa-calendar-alt.green:focus,
#insideSkin table.dx-datagrid-table a.dx-link.fa-solid.fa-coins.scadenza-saldata:focus {
    color: var(--colorGreen) !important;
}

#insideSkin table.dx-datagrid-table a.fa-solid.scadenze-custom.dx-link.fa-calendar-alt.lightgray:hover {
    color: #999 !important;
}

.recurrence-field-interval {
    width: 50%;
}

.genera-scadenza .recurrence-field-interval {
    width: 35px;
}

#insideSkin .dx-scheduler-appointment-popup .genera-scadenza.custom-popup {
    max-width: 700px !important;
}

/* Hidden del field Frequenza */
label.dx-field-item-label.dx-field-item-label-location-top[for$="_Frequenza"],
label.dx-field-item-label.dx-field-item-label-location-top[for$="_frequenza"],
.genera-scadenza label.dx-field-item-label.dx-field-item-label-location-left[for$="_Frequenza"],
.genera-scadenza label.dx-field-item-label.dx-field-item-label-location-left[for$="_frequenza"] {
    display: none;
    visibility: hidden;
}

/* Nascondo le arrow in input number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Nascondo le arrow in input number*/
#insideSkin table.dx-datagrid-table i.fa-solid.fa-redo {
    font-size: 14px;
}

#insideSkin .toolbarTop i.fa-plus-square.genera-item.dropdown-toggle {
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    color: white;
    border: 0 none;
    position: relative;
    font-size: 21px;
    padding-top: 5px;
    cursor: pointer;
    line-height: 20px;
    background-color: var(--green);
}

    #insideSkin .toolbarTop i.fa-plus-square.genera-item.dropdown-toggle:hover,
    #insideSkin .toolbarTop i.fa-plus-square.genera-item.dropdown-toggle:focus {
        background-color: var(--greenDark);
    }

    #insideSkin .toolbarTop i.fa-plus-square.genera-item.dropdown-toggle:after {
        margin-left: 5px;
        border-top: 0.2em solid;
        border-right: 0.2em solid transparent;
        border-left: 0.2em solid transparent;
    }

#insideSkin .toolbarTop .custom-generazione-scadenza .dropdown-menu {
    position: absolute;
    float: none;
    top: 35px;
    width: 250px;
    left: -161px;
    border-radius: var(--baseRadius);
    font-weight: normal !important;
    font-size: var(--baseText);
    padding: 10px;
    color: var(--grey);
}

    #insideSkin .toolbarTop .custom-generazione-scadenza .dropdown-menu li {
        padding: 5px 10px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: white;
        margin: 0 !important;
    }

        #insideSkin .toolbarTop .custom-generazione-scadenza .dropdown-menu li:hover,
        #insideSkin .toolbarTop .custom-generazione-scadenza .dropdown-menu li:focus {
            background-color: var(--green);
            cursor: pointer;
        }

/* BANNER INFO */
#banner-title-info {
    position: relative;
}

    #banner-title-info button#close-banner,
    #alertDiv .close /*alert*/ {
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: transparent;
        border: 0;
        font-size: 30px;
        padding: 0;
        font-weight: bold;
    }

.alert.alert-success {
    background-color: var(--greenXtraLight);
    border: 1px dotted var(--greenDark);
    color: #555;
}

    .alert.alert-success label,
    .alert.alert-success .info-title {
        font-weight: normal !important;
        font-size: 19px;
        padding: 0;
        margin: 0;
        color: var(--greenDark);
    }

    .alert.alert-success button.close {
        color: var(--greenDark);
        opacity: 1;
    }

.alert.alert-success {
    padding-left: 49px;
}

    .alert.alert-success label:before {
        content: "\f0eb";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        color: var(--greenMedium);
        font-size: 37px !important;
        top: 22px;
        left: 15px;
    }

.dx-popup-content .alert.alert-success label:before {
    top: 9px;
}

.clientAreaContent.configurazioneSign #banner-title-info {
    margin: 15px 0;
}

/* ALERT */
#alertDiv,
.alert {
    border-radius: 0;
}

    .alert:empty {
        margin: 0;
        padding: 0;
    }

#alertDiv {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    background-color: transparent;
    padding-right: 5px;
    padding-top: 5px;
    z-index: 100000001 !important;
}

    #alertDiv:empty {
        display: none;
    }

    #alertDiv div[class^=custom-alert]:last-child {
        margin-bottom: 0;
    }

    #alertDiv div[class^=custom-alert] {
        display: none;
        border-radius: 0;
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto !important;
        margin-bottom: 10px;
        overflow: hidden;
        padding: 10px 35px 10px 50px;
        min-height: 42px;
    }

div[class^="custom-alert"]:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 12px;
    font-size: 25px;
    top: 10px;
}

#alertDiv .custom-alert-warning {
    background-color: #ffe6c9;
    border: 1px solid #ffdaaa;
    color: #da8a20;
}

#alertDiv div.custom-alert-info {
    background-color: #d7e9e9;
    border: 1px dotted #088583;
    color: #555;
}

#insideSkin div.custom-alert-info:before {
    content: "\f129";
    left: 20px;
    color: #0e8584;
}

#insideSkin .custom-alert-danger:before {
    content: "\f071";
}

#insideSkin .custom-alert-success:before {
    content: "\f560";
}

#alertDiv .custom-alert-warning:before {
    content: "\f06a";
}

#alertDiv .close {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}

#alertDiv .custom-alert-warning .close {
    color: #da8a20;
}

#alertDiv .custom-alert-danger .close {
    color: #a53634;
}

#alertDiv .custom-alert-success .close {
    color: #1f7232;
}

#alertDiv .custom-alert-info .close {
    color: #0e8584;
}

#insideSkin table.dx-datagrid-table i.far.fa-calendar.ricorrenza,
#insideSkin table.dx-datagrid-table i.fa-solid.fa-calendar.ricorrenza {
    font-size: 13px;
}

#insideSkin table.dx-datagrid-table i.fa-solid.fa-calendar.ricorrenza {
    position: relative;
    top: 2px;
    left: 9px;
}

#insideSkin table.dx-datagrid-table i.far.fa-calendar.ricorrenza {
    position: relative;
    top: -2px;
    left: -20px;
}

input#rbGiornoMese {
    border: 1px solid var(--greyXtraLight);
    padding-left: 4px;
    width: 30%;
}

.GDM_item.boxEnroll .alert.alert-danger {
    margin-bottom: 0px;
}

.container-fluid.index .blockHome .textBlockHome .module-expiring .module-expire-time,
.container-fluid.index .blockHome .textBlockHome .module-expiring {
    padding: 10px 0 0 !important;
    background-color: transparent;
}

    .container-fluid.index .blockHome .textBlockHome .module-expiring .module-expire-time.store-alert {
        font-weight: normal;
        color: #b80000;
    }

.container-fluid.index .blockHome .textBlockHome ul.activation-errors li {
    text-align: left !important;
    background-color: transparent;
    font-weight: normal;
    color: #e56f05;
    margin: 10px 0 0;
}

#insideSkin .dx-scheduler-appointment-popup .genera-scadenza.custom-popup .dx-scrollable-content {
    padding-bottom: 20px !important;
}

.dx-datagrid .gridLabelWithIcon {
    width: calc(100% - 40px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

/* GRID */
.grid {
    width: 100%;
}

    /* clear fix */
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

.gutter-sizer {
    width: 15px;
}

/* ---- .grid-item ---- */
.grid-sizer {
    width: calc(33.3333332% - 15px);
}

.grid-item {
    box-sizing: border-box;
    float: left;
    width: calc(33.3333332% - 15px);
    min-height: 39px;
}

.grid-item--width2 {
    width: calc(100% - 15px);
}

.grid-item--height2 {
    height: 200px;
}

.grid-item:hover .box {
    border: 1px dashed #0a8f8e;
}

.grid-item.is-dragging,
.grid-item.is-positioning-post-drag {
    background: transparent;
    z-index: 2;
}

.grid-item {
    margin-bottom: 15px;
}

.packery-drop-placeholder {
    outline: 1px dashed #ccc;
    outline-offset: -6px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}

#insideSkin .padding-tab {
    padding-bottom: 60px;
}

/* PAGINA GUIDE */
#guidesPage .col-md-6.col-lg-4.col-xl-3 {
    margin-bottom: 10px;
    padding: 0 5px;
}

#guidesPage .listMenuItem {
    padding: 15px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
}

    #guidesPage .listMenuItem .insideIcon i {
        font-size: 30px;
        padding-bottom: 10px;
        color: #777 !important;
    }

    #guidesPage .listMenuItem .insideText {
        line-height: 120%;
        text-transform: uppercase;
        padding-top: 10px;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        color: var(--green);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #guidesPage .listMenuItem .insideInfo {
        color: #868686;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
    }

    #guidesPage .listMenuItem .insideText .insideSectionTitle {
        margin: 5px 0;
        padding-top: 10px;
        border-top: 1px dotted #ccc;
        font-family: 'Open Sans', sans-serif;
        color: #555;
        font-size: 12px;
        text-transform: capitalize;
        line-height: 110%;
    }

    #guidesPage .listMenuItem a {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

        #guidesPage .listMenuItem a img {
            width: 100%;
            max-width: 130px;
        }

/* POPUP */
.GestioneFatture .dx-popup-content,
.IntegraSdi .dx-popup-content,
.Tele .dx-popup-content,
.Scadenze .dx-popup-content,
.popup-grid .dx-popup-content,
.InvioFatture .dx-popup-content {
    overflow-y: auto;
}

.dx-popup-wrapper > .dx-overlay-content,
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border-radius: var(--baseRadius);
    border: 1px solid var(--greenDark);
}

    .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar {
        background-color: var(--greenDark);
        color: #fff;
        padding: 5px 15px;
        border-radius: 0;
    }

.dx-popup-bottom.dx-toolbar {
    padding: 10px;
}

.dx-overlay-content .dx-popup-content .dx-datagrid-edit-popup-form {
    padding-bottom: 20px;
}

.dx-popup-wrapper > .dx-overlay-content .dx-button-mode-text .dx-icon {
    color: #fff;
}

/* Grid Cash flow */
#dashBoard-flusso-scadenze .GDM_item {
    padding-bottom: 15px;
}

    #dashBoard-flusso-scadenze .GDM_item #flussoGridTable {
        font-size: 11px;
        background-color: transparent;
    }

    #dashBoard-flusso-scadenze .GDM_item hr {
        margin-bottom: 15px;
    }

#dashBoard-flusso-scadenze .dx-pivotgrid .dx-pivotgrid-vertical-headers tr td:first-child {
    text-align: center;
}

#dashBoard-flusso-scadenze table.table td,
#dashBoard-flusso-scadenze table.table th {
    font-size: 11px;
    line-height: 120%;
    white-space: nowrap;
    border-left: 1px solid #f0f0f0;
}

    #dashBoard-flusso-scadenze table.table th[scope=row],
    #dashBoard-flusso-scadenze table.table td.custom-percentage,
    #dashBoard-flusso-scadenze table.table #head-row-title th {
        border-left: 0 none;
    }

#dashBoard-flusso-scadenze table.table td {
    text-align: right;
    padding: 10px 5px;
}

#dashBoard-flusso-scadenze table.table #body-th-cassa-iniziale,
#dashBoard-flusso-scadenze table.table #body-th-cassa-disponibile {
    font-weight: bold;
    background-color: #f0f0f0;
}

#dashBoard-flusso-scadenze table.table #body-th-cassa-prevista {
    background-color: #f0f0f0;
    border-bottom: 2px solid var(--greyXtraLight);
    border-top: 2px solid var(--greyXtraLight);
}

#dashBoard-flusso-scadenze table.table thead tr:first-child th,
#dashBoard-flusso-scadenze table.table #body-th-cassa-iniziale {
    border-bottom: 2px solid var(--greyXtraLight);
    border-top: 0 none;
}

#dashBoard-flusso-scadenze table.table #body-th-cassa-disponibile {
    border-top: 2px solid var(--greyXtraLight);
    border-bottom: 2px solid var(--greyXtraLight);
}

#dashBoard-flusso-scadenze table.table td.custom-percentage {
    padding-left: 0 !important;
}

#dashBoard-flusso-scadenze table.table #head-row-title {
    text-align: center;
}

#dashBoard-flusso-scadenze table.table th[scope="row"] {
    font-size: 18px;
    padding: 7px 5px;
    text-align: center;
}

#dashBoard-flusso-scadenze table.table #body-th-entrata-prevista-iniziale th {
    color: #98cc82;
}

#dashBoard-flusso-scadenze table.table #body-th-uscita-prevista-iniziale th {
    color: #e08c84;
}

#dashBoard-flusso-scadenze table.table #body-th-incassi th {
    color: #4c932f;
}

#dashBoard-flusso-scadenze table.table #body-th-pagamenti th {
    color: #bc1507;
}

/* NEWS IN EVIDENZA */
.topNews h2.inEvidenza {
    font-size: var(--titleText);
    font-weight: normal !important;
    color: var(--green);
    display: block;
    font-family: 'Open Sans', sans-serif;
}

.topNews img.inEvidenzaLogo {
    max-width: 150px;
    max-height: 80px;
    margin-left: 20px;
}

.topNews {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}

    .topNews hr {
        border-top: 1px solid #ddd;
    }

    .topNews i {
        color: var(--green);
        font-size: 15px;
    }

/* GRID SCADENZE DEVX */
#flussoGridTable table,
#flussoGridTable table td,
#flussoGridTable table tr {
    border: 0 none;
}

#flussoGridTable td.dx-area-description-cell {
    background-color: transparent;
}

#flussoGridTable .dx-bottom-row {
    border-top: 2px solid var(--greyXtraLight);
    border-bottom: 2px solid var(--greyXtraLight);
}

    #flussoGridTable .dx-bottom-row table tr:nth-child(3),
    #flussoGridTable .dx-bottom-row table tr:last-child {
        background-color: #e6e4e4;
    }

#flussoGridTable .dx-area-row-cell {
    border-right: 1px solid var(--greyXtraLight);
}

    #flussoGridTable .dx-area-row-cell table tr td {
        border-bottom: 1px solid #ddd;
    }

#flussoGridTable .dx-area-data-cell table tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    #flussoGridTable .dx-area-data-cell table tr td:last-child {
        border-right: 0 none;
    }

#flussoGridTable .dx-bottom-row table tr:last-child {
    font-weight: bold;
}

#flussoGridTable .dx-pivotgrid-vertical-headers td {
    padding: 6px 0 0;
}

#flussoGridTable i {
    font-size: 16px;
}

#flussoGridTable .dx-pivotgrid-vertical-headers tr:first-child td i {
    color: #98cc82;
}

#flussoGridTable .dx-pivotgrid-vertical-headers tr:nth-child(2) td i {
    color: #e08c84;
}

#flussoGridTable .dx-pivotgrid-vertical-headers tr:nth-child(4) td i {
    color: #4c932f;
}

#flussoGridTable .dx-pivotgrid-vertical-headers tr:nth-child(5) td i {
    color: #bc1507;
}

@media only screen and (max-width: 1200px) {
    .navBlock #myNavbar .nav .userDetails {
        max-width: 100px;
    }

    #accordionDkLink .dropdown-toggle::after {
        margin-left: 0;
    }
}

.dx-datagrid,
#insideSkin .dx-datagrid-headers table.dx-datagrid-table tbody tr td,
#insideSkin .dx-datagrid-headers table.dx-datagrid-table tbody tr.dx-state-hover td {
    background-color: transparent;
}

#flussoGridTable .cashflow-detail-icon {
    width: 35px;
}

.table.table-striped, .table.table-striped td, .table.table-striped th {
    border: 0 none;
    margin-bottom: 20px;
}

#azioniFatturaDettaglioContainer .tab-pane {
    margin: 0;
    padding: 15px 0 20px 15px;
    height: calc(80vh - 125px);
    overflow-y: auto;
}

    #azioniFatturaDettaglioContainer .tab-pane h4 {
        font-family: 'Open Sans', sans-serif;
        color: var(--green);
        font-weight: normal;
        font-size: 19px;
    }

.contenutoFattura {
    height: calc(85vh - 270px);
    width: calc(100% - 15px);
    border: 1px solid var(--greyXtraLight);
    border-radius: var(--baseRadius);
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 5px;
}

.allegatiFatturaBox {
    height: 10vh;
    width: 100%;
    border: 1px solid var(--greyXtraLight);
    border-radius: var(--baseRadius);
    padding: 5px;
    overflow: auto;
}

/*Modifiche per filter menu*/
#folder-body {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100vh;
    overflow-y: auto;
}

/*Modifiche per filter menu*/
.configura-scadenze {
    margin-top: 10px;
}


/* POPUP NOTIFICA DKid */
#modalNotifica.modal {
    display: flex !important;
    width: 100vw;
    height: 100vh;
    align-items: center;
}

    #modalNotifica.modal .modal-content {
        border-radius: 0;
    }

    #modalNotifica.modal .modal-header {
        background-color: #7eb027;
        font-size: 21px;
        font-family: 'Open Sans', sans-serif;
        padding-bottom: 10px;
        border-radius: 0;
    }

    #modalNotifica.modal h5.modal-title {
        font-size: 21px;
        font-weight: normal;
        color: white;
    }

    #modalNotifica.modal .modal-dialog .modal-content .close {
        color: #fff;
    }

    #modalNotifica.modal a {
        color: #7eb027;
    }

    #modalNotifica.modal .modal-body img {
        float: left;
        width: 80px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    #modalNotifica.modal .modal-footer button.btn.btn-secondary,
    #modalNotifica.modal .modal-footer a.btn.cta {
        background-color: #7eb027 !important;
    }

        #modalNotifica.modal .modal-footer button.btn.btn-secondary:hover,
        #modalNotifica.modal .modal-footer button.btn.btn-secondary:focus,
        #modalNotifica.modal .modal-footer a.btn.cta:hover,
        #modalNotifica.modal .modal-footer a.btn.cta:focus {
            background-color: #578702 !important;
        }

/* Pagina login */
.isLoginAuth #folder-body {
    width: 100vw;
}

.isLoginAuth .container-fluid.gradient {
    padding-top: 15px;
    margin: 0;
}

.isLoginAuth {
    background-color: var(--pageBackground);
}

    .isLoginAuth .container-fluid.gradient .imageBlock {
        min-height: 200px;
    }

/* Box FaGO */
#FattureGORemoteContent .dataFaGO,
#FattureGORemoteContent .textFaGO {
    padding: 10px 0 0;
}

#FattureGORemoteContent a#gotoren1,
#FattureGORemoteContent a#gotoaddr,
#FattureGORemoteContent a#gotoUpgrade {
    display: block;
    margin-top: 10px;
    color: var(--green);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

#FattureGORemoteContent .my-tooltip {
    margin-left: 0 !important;
}

/* TOOLTIP */
.tooltip-inner {
    max-width: 250px;
    padding: 3px 8px;
    color: #333;
    text-align: center;
    text-decoration: none;
    background-color: white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #777;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #777;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #777;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #777;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #777;
}

@media only screen and (max-width: 1200px) {
    #insideSkin #toolbarTop .nav.navbar-nav li div.dx-lookup,
    #insideSkin #toolbarTop .nav.navbar-nav li div.dropdown button,
    #insideSkin #toolbarTop input.TextBoxSearch {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*colore di griglia che fa riferimento alla riga (usata quanto ci sono dei valori fixed)*/
#insideSkin .dx-datagrid .dx-row.rowColorPiva {
    background-color: rgb(244, 251, 127);
}

    /*colore di griglia che fa riferimento alla singola cella (usata quanto ci sono dei valori fixed)*/
    #insideSkin .dx-datagrid .dx-row.rowColorPiva td {
        background-color: rgb(244, 251, 127) !important;
    }

    /*colore di griglia che fa riferimento alla singola cella quando viene selezionata(usata quanto ci sono dei valori fixed)*/
    #insideSkin .dx-datagrid .dx-row.rowColorPiva.dx-selection td {
        background-color: #DEEFEF;
    }

/*colore di griglia che fa riferimento alla riga (usata quanto ci sono dei valori fixed)*/
#insideSkin .dx-datagrid .dx-row.rowColorCC {
    background-color: rgb(192, 255, 192);
}

    /*colore di griglia che fa riferimento alla singola cella (usata quanto ci sono dei valori fixed)*/
    #insideSkin .dx-datagrid .dx-row.rowColorCC td {
        background-color: rgb(192, 255, 192) !important;
    }

    /*colore di griglia che fa riferimento alla singola cella quando viene selezionata(usata quanto ci sono dei valori fixed)*/
    #insideSkin .dx-datagrid .dx-row.rowColorCC.dx-selection td {
        background-color: #DEEFEF;
    }

/*colore di griglia che fa riferimento alla riga (usata quanto ci sono dei valori fixed)*/
#insideSkin .dx-datagrid .dx-row.rowColorFatturaNonVerificata td {
    font-weight: bold !important;
}

.dx-placeholder {
    font-family: 'Open Sans', sans-serif;
}

#insideSkin .title-definizione {
    fill: rgb(118, 118, 118);
    font-family: "Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif;
    font-weight: 400;
    font-size: 12px;
    cursor: default;
}

.GDM_item .dxc-title {
    clip-path: none !important;
}

.CookieDeclaration {
    padding: 15px;
    overflow-y: auto;
}

    .CookieDeclaration p {
        margin-bottom: 0 !important;
    }

    .CookieDeclaration #CookieDeclarationUserStatusLabel {
        font-weight: bold;
    }

    .CookieDeclaration #CookieDeclarationChangeConsent, .CookieDeclaration #CookieDeclarationDoNotSell {
        margin-top: 15px
    }

        .CookieDeclaration #CookieDeclarationChangeConsent a, .CookieDeclaration #CookieDeclarationDoNotSell a {
            background-color: var(--green);
            color: white;
            padding: 5px 10px;
        }

    .CookieDeclaration .CookieDeclarationType {
        background-color: var(--greenXtraLight);
        border: 0 none !important;
        padding: 10px 15px 5px !important;
    }

    .CookieDeclaration .CookieDeclarationTypeHeader {
        font-family: 'Open Sans', sans-serif;
        color: var(--green);
        font-size: 16px;
    }

    .CookieDeclaration .CookieDeclarationTable thead th {
        color: var(--green);
        padding-top: 10px;
    }

h1.titleCookie {
    font-family: 'Open Sans', sans-serif;
    color: var(--green);
    font-size: 24px;
    padding: 15px 15px 0;
}

#form-configurazione-incassi .dx-htmleditor {
    background-color: white;
    margin-bottom: 15px;
}

#btnSalvaIncassi {
    margin-left: 0;
}

#form-configurazione-incassi .imgPaymentLogo {
    max-width: 80px;
    position: relative;
    top: -3px;
}

.dx-overlay-wrapper.dx-loadpanel-wrapper {
    background-color: transparent !important;
    box-shadow: 0 0 0 0;
    border: 0 none;
}

.dx-invalid-message .dx-overlay-wrapper {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
    z-index: 100000000 !important;
}

#loading, #loading-viewer {
    position: absolute;
    width: 100vw !important;
    height: 100vh !important;
    display: table;
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 100000000 !important;
    left: 0;
    top: 0;
}

#azioniPdfJsDettaglioContainer #loading-viewer {
    width: 100% !important;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper:not(.dx-datebox-wrapper-calendar) div {
    width: auto !important;
    color: #000 !important;
    overflow-y: auto;
}

    .dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper:not(.dx-datebox-wrapper-calendar) div.dx-popup-cancel.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-text div.dx-button-content,
    .dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper:not(.dx-datebox-wrapper-calendar) .dx-popup-done.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-text div.dx-button-content {
        width: auto !important;
        color: #fff !important;
    }

.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper div {
    width: auto !important;
}

#form-credenziali-container #form-firma .dx-button-mode-contained {
    width: 100%;
}

/* ACCORDI DI SERVIZIO */
.rowAccordi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}

    .rowAccordi .boxAccordi {
        height: 100%;
        border: 1px solid var(--greyXtraLight);
        background-color: #fff;
        padding: 10px 15px;
        border-radius: var(--baseRadius);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        justify-content: space-between;
        display: flex;
    }

        .rowAccordi .boxAccordi h1 {
            border-bottom: 0 none;
            width: calc(100% - 80px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        .rowAccordi .boxAccordi i.statusDot {
            position: absolute;
            right: 37px;
            top: 19px;
        }

        .rowAccordi .boxAccordi.accordoRevocato, .rowAccordi .boxAccordi.accordoRevocato h1 {
            color: #aaa !important;
        }

        .rowAccordi .boxAccordi .bottomBtn {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid var(--greyXtraLight);
            text-align: right;
        }

            .rowAccordi .boxAccordi .bottomBtn a {
                color: var(--grey);
                background-color: #eee;
                font-size: 20px;
                width: 34px;
                height: 34px;
                display: inline-block;
                text-align: center;
                line-height: 32px;
                border: 1px solid var(--greyXtraLight);
                border-radius: 50%;
                cursor: pointer;
            }

                .rowAccordi .boxAccordi .bottomBtn a:hover,
                .rowAccordi .boxAccordi .bottomBtn a:focus {
                    background-color: #cfcfcf;
                }

.link-dettagli-accordo {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--greyXtraLight);
}

.containerAccordi {
    padding-bottom: 40px;
}

    .containerAccordi .dx-button-has-text .dx-button-content {
        padding: 6px 18px 8px;
    }

    .containerAccordi .dx-button-mode-contained,
    #collaborazione .dx-button-mode-contained {
        margin-left: 0 !important;
        width: 100%;
    }

#collaborazione #ritira.dx-button-mode-contained,
#collaborazione #revoca.dx-button-mode-contained {
    max-width: 150px;
}

.containerAccordi .dx-form-group-caption {
    font-size: 14px;
    color: #333;
    font-family: 'Open sans', sans-serif;
    font-weight: bold;
}

.containerAccordi h3 {
    font-size: 19px;
    color: var(--greenDark);
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.containerAccordi .dx-form-group-with-caption:first-child > .dx-form-group-content {
    border: 0 none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

/* MODIFICA PADDING DELLE FORM */
.dx-field-item-label-location-top {
    margin: 0;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 5px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 5px;
}

.attivazione-accordo-doc .frameDocAccordo {
    border: 1px solid #ddd;
    background: white;
    padding: 7px 10px;
    margin: 0 0 15px;
    height: 240px;
    overflow-y: scroll;
    font-size: 12px;
    line-height: 14px;
}

.tab-pane#integrasdi .rowAccordi {
    margin: 0 -7px;
}

    .tab-pane#integrasdi .rowAccordi .col-sm-12.col-lg-6.col-xl-4 {
        padding: 0 7px;
    }

.rowAccordi .boxAccordi .topContent {
    position: relative;
}

.rowAccordi .boxAccordi .boxStatus {
    position: absolute;
    right: 0;
    top: 11px;
    color: white;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 11px;
}

.collabNonAttiva,
.collabAttiva {
    color: white;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 11px;
    display: table;
}

.show-accordo-attivo .boxStatus,
.collabAttiva {
    background-color: #58b503;
}

.show-accordo-revocato .boxStatus {
    background-color: #dd0000;
}

.collabNonAttiva {
    background-color: #e98602;
}

/* POPUP */
.dx-overlay-wrapper h1 {
    font-size: 24px;
    margin-top: 0;
}

/* Overlay shadow */
.dx-overlay-wrapper.dx-popup-wrapper {
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0,0,0,0.6) !important;
    transition: none !important;
    transform: none !important;
}

    .dx-overlay-wrapper.dx-popup-wrapper.dx-dropdownlist-popup-wrapper,
    .dx-overlay-wrapper.dx-popup-wrapper.dx-datebox-wrapper {
        background-color: transparent !important;
    }

/* Pulsanti */
.dx-button-mode-contained,
.dx-button-mode-contained.dx-state-focused,
.dx-button-mode-contained.dx-state-active,
.dx-button-mode-contained.dx-state-hover {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    height: 34px;
    font-size: 15px !important;
    margin-left: 5px;
    border-radius: var(--baseRadius);
}

    .dx-button-mode-contained.dx-state-focused,
    .dx-button-mode-contained.dx-state-active,
    .dx-button-mode-contained.dx-state-hover {
        background-color: var(--greenDark) !important;
        border-color: var(--greenDark) !important;
    }

#scheduler .dx-toolbar-after .dx-button-mode-contained {
    margin: 0;
    border-radius: 0 !important;
}

    #scheduler .dx-toolbar-after .dx-button-mode-contained:first-child {
        border-radius: 4px 0 0 4px !important;
    }

    #scheduler .dx-toolbar-after .dx-button-mode-contained:last-child {
        border-radius: 0 4px 4px 0 !important;
    }

.dx-button-mode-contained.dx-button-default,
.azioniFatturaButtons .btn.cta.dx-button-default,
.associa-anagrafica .btn.cta.dx-button-default {
    background-color: var(--greyLight) !important;
    border-color: var(--greyLight) !important;
}

    .dx-button-mode-contained.dx-button-default.dx-state-focused,
    .dx-button-mode-contained.dx-button-default.dx-state-active,
    .dx-button-mode-contained.dx-button-default.dx-state-hover,
    .azioniFatturaButtons .btn.cta.dx-button-default:hover,
    .azioniFatturaButtons .btn.cta.dx-button-default:focus,
    .associa-anagrafica .btn.cta.dx-button-default:hover,
    .associa-anagrafica .btn.cta.dx-button-default:focus {
        background-color: var(--grey) !important;
        border-color: var(--grey) !important;
    }

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: white !important;
}

.dx-buttongroup-item.dx-button.dx-button-mode-contained .dx-button-content {
    padding: 6px 18px 8px;
}

.dx-button-mode-contained .dx-dropdowneditor-icon {
    color: white;
}

/* Footer contenitore bottoni */
.dx-overlay-wrapper:not(.dx-dialog-wrapper) .dx-field-button-item,
.dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline,
.dx-overlay-wrapper:not(.dx-dialog-wrapper) .center-ok-button,
.azioniFatturaButtons,
.associa-anagrafica {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: right !important;
    padding: 10px;
    border-top: 1px solid #ddd;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    background-color: white;
}

    .dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline .dx-field-button-item,
    .dx-overlay-wrapper:not(.dx-dialog-wrapper) #form-anagrafica .dx-field-button-item {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 0;
        border-top: 0 none;
        box-shadow: none;
    }

    .azioniFatturaButtons p {
        width: auto;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    .azioniFatturaButtons .cta,
    .associa-anagrafica .cta {
        display: inline-block;
        margin: 0;
        font-size: 15px !important;
    }

    .azioniFatturaButtons button.cta,
    .azioniFatturaButtons a.cta,
    #popupGestisciAnagrafica .dx-button-success {
        margin-left: 5px;
    }

.dx-datagrid-edit-popup .dx-toolbar.dx-popup-bottom .dx-toolbar-before {
    margin: 0;
    display: none;
}

.dx-datagrid-edit-popup .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    display: table;
    position: relative;
    width: auto;
    float: right;
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    overflow: hidden;
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .dx-button-has-text .dx-button-content {
    padding: 2px 15px 4px;
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .dx-popup-bottom.dx-toolbar {
    border-top: 1px solid #ddd;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline .dx-layout-manager.dx-widget {
    margin-bottom: 0;
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .dx-overlay-content .dx-popup-content,
#azioniScadenzeDettaglioContainer {
    padding: 15px;
}

#popupMail .dx-overlay-content .dx-popup-content,
#popupFatture .dx-popup-content,
#popupGestisciAnagrafica .dx-popup-content,
#popupDettaglio:not(.DKDrive) .dx-popup-content {
    padding: 0;
}

    #popupMail .dx-overlay-content .dx-popup-content #azioniInvioMailContainer,
    #popupFatture .dx-popup-content #ricevutaFatturaDettaglioContainer,
    #popupGestisciAnagrafica .dx-popup-content #form-anagrafica-container,
    #popupDettaglio .dx-popup-content #azioniModificaContainer {
        padding: 15px 15px 70px;
    }

#popupAzioni .dx-overlay-content .dx-popup-content {
    overflow-y: hidden;
    padding: 0;
}

    #popupAzioni .dx-overlay-content .dx-popup-content .nav.nav-tabs > li:first-child {
        padding-left: 0;
        margin-left: 0;
    }

    #popupAzioni .dx-overlay-content .dx-popup-content .nav.nav-tabs {
        width: 100%;
        padding: 15px 15px 0;
        margin: 0;
    }

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline .dx-collection {
    display: block !important;
}

.dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline .dx-item-content .dx-item {
    display: inline-block !important;
}

#loading .container-loading,
#loading-viewer .container-loading {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

#loading i.fa-solid.fa-spinner.fa-spin.fa-3x.fa-fw,
#loading .label-progress,
#loading-viewer i.fa-solid.fa-spinner.fa-spin.fa-3x.fa-fw,
#loading-viewer .label-progress {
    display: block;
    margin: 0 auto;
}

#insideSkin div.dx-overlay-wrapper h2 {
    color: #0a8f8e;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0;
}

#insideSkin div.dx-overlay-wrapper h3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}

#modalLogo .modal-title,
#modalHead .modal-title {
    display: inline-block;
}

#modalLogo .modal-body,
#modalHead .modal-body {
    text-align: center;
}

#modalLogo .logo-container,
#modalHead .head-container {
    margin: 0 auto;
}

.modal h5 {
    font-size: 20px;
}

#modalHead .modal-title {
    display: inline-block;
}

.modal-dialog .modal-content .close {
    font-size: 16px;
    font-weight: normal;
    padding-top: 3px !important;
    color: #333;
    opacity: 1;
    text-transform: uppercase;
}

.dx-overlay-wrapper dd,
.dx-overlay-wrapper dt {
    width: calc(50% - 2px);
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 5px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

    .dx-overlay-wrapper dd.dd-note {
        height: auto;
        min-height: 30px;
        white-space: normal;
        overflow: hidden;
        text-overflow: inherit;
    }

.dx-overlay-wrapper dd {
    background-color: #f4f4f4;
}

.dx-overlay-wrapper dt {
    background-color: #e0e0e0;
    clear: both;
}

.dx-overlay-wrapper dl {
    width: 100%;
    display: table;
    margin-top: 20px;
}

div#popupDettaglio dl {
    margin-top: 0;
}

#formato .checkbox-label {
    width: 40%;
}

#formato .checkbox-label,
#formato .checkbox-container,
#formato .includi-allegati-container {
    display: inline-block;
}

#formato .includi-allegati-container {
    float: right;
}

#formato input[type="checkbox"] {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

/* Data selector */
.dx-popup-content .dx-calendar a.dx-button {
    background-color: var(--greyXtraLight) !important;
    border: 1px solid white !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 5px !important;
}

    .dx-popup-content .dx-calendar .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
    .dx-popup-content .dx-calendar a.dx-button .dx-icon {
        color: var(--greyDark) !important;
    }

.dx-form-group-caption {
    font-size: 19px;
    color: var(--green);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
}

.dx-form-group-with-caption > .dx-form-group-content {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 15px;
}

/* Popup esito monitoraggio */
#notifica-container {
    overflow-x: auto;
}

#notifica {
    min-width: inherit !important;
}

/* Allegato documento */
.allegatiFattura {
    margin-bottom: 30px;
}

/* Tree popup sposta documenti */
#azioniSpostaContainer .dx-treeview-node-container .dx-treeview-node .dx-treeview-node-container .dx-treeview-node .dx-treeview-item {
    padding-left: 28px;
}

#azioniSpostaContainer .dx-treeview-node-container .dx-treeview-node-container .dx-item-content.dx-treeview-item-content:before {
    content: "\f07b" !important;
    position: absolute;
    display: block;
    font-size: 15px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 500;
    margin-left: -18px;
}

#azioniSpostaContainer .dx-treeview-node-container .dx-treeview-node-container .dx-treeview-toggle-item-visibility:before {
    content: "" !important;
}

#documentsListMobile .dx-list-item:last-of-type {
    border-bottom: 1px solid #ddd;
}

/* DIALOG */
.dx-dialog .dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #1475cc;
}

    .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar {
        background-color: transparent;
        border: 0 none;
        color: #1475cc;
        height: 90px;
    }

        .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
            height: auto;
        }

        .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar div[class^="dx-toolbar-"]:empty {
            display: none;
            visibility: hidden;
        }

        .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) {
            text-align: center;
            width: 100%;
            padding: 10px 0 0;
            float: none !important;
        }

    .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-content {
        padding: 15px 40px 35px;
        text-align: center;
    }

    .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) .dx-item-content div:before {
        content: "\f059";
        display: block;
        font-size: 39px;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        height: 42px;
    }

    .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar {
        padding: 0;
        border-top: 0 none;
        box-shadow: none;
    }

        .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) {
            padding: 0;
        }

            .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) div:not(.dx-toolbar-button) {
                padding: 0 10px;
                width: 100%;
            }

        .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) {
            width: 100%;
            float: none !important;
            margin: 0 !important;
        }

            .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) .dx-item, .dx-dialog .dx-button-mode-contained, .dx-dialog .dx-button-mode-contained.dx-state-focused, .dx-dialog .dx-button-mode-contained.dx-state-active, .dx-dialog .dx-button-mode-contained.dx-state-hover {
                background-color: #1475cc !important;
                border: 0 none !important;
                padding: 0 !important;
                font-weight: 400 !important;
            }

            .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) .dx-item {
                border-right: 1px solid white !important;
            }

                .dx-dialog .dx-popup-wrapper > .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container div[class^="dx-toolbar-"]:not(:empty) .dx-item:last-child {
                    border-right: 0 none !important;
                }

.dx-dialog .dx-dialog-content .dx-dialog-message ul li {
    list-style-type: none;
}

.dx-dialog .dx-dialog-content .dx-dialog-message ul {
    padding-inline-start: 0
}
/* Bottoni dei campi input */
.dx-texteditor-buttons-container div {
    background-color: #fff !important;
    color: #555 !important;
    border: 0 none;
}

    .dx-texteditor-buttons-container div i {
        color: #555 !important;
    }

.dx-texteditor-buttons-container .dx-button-mode-contained {
    border-left: 1px solid #ddd !important;
}
/* PSD2 */
.container-invito-psd2 .detail-invito-psd2 #form-invito-dati {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

.container-invito-psd2 .select-box-lookup#lookup-enrollments-user {
    width: calc(50% - 5px);
}

.container-invito-psd2 .detail-invito-psd2 .dx-state-disabled.dx-item.dx-box-item .button-container-inline {
    display: none;
    visibility: hidden
}

.container-invito-psd2 .detail-invito-mail-psd2 {
    padding-top: 10px;
}

    .container-invito-psd2 .detail-invito-mail-psd2 .dx-htmleditor-content {
        background-color: white;
    }

#grid-psd2-inviti td .invitato, #grid-psd2-inviti td .attivo, #grid-psd2-inviti td .scaduto, #grid-psd2-inviti td .pendente, #grid-import-fc td .attivo, #grid-import-fc td .scaduto, #grid-import-fc td .pendente {
    color: white;
    display: initial;
    margin: 0 auto;
    padding: 0 10px 2px;
    border-radius: 10px;
    position: relative;
    top: -2px;
}

#grid-psd2-inviti td .attivo, #grid-import-fc td .attivo {
    background-color: #36950e;
}

#grid-psd2-inviti td .invitato {
    background-color: #999999;
}

#grid-psd2-inviti td .pendente, #grid-import-fc td .pendente {
    background-color: #DCA420;
}

#grid-psd2-inviti td .scaduto, #grid-import-fc td .scaduto {
    background-color: #a20a0a;
}

.container-invito-psd2 #rabio-button-invito {
    margin-bottom: 10px
}

    .container-invito-psd2 #rabio-button-invito .dx-item-content {
        font-family: 'Open Sans', sans-serif;
        font-size: var(--baseText);
        color: var(--greyDark);
        font-weight: 400;
        line-height: 160%;
    }

.dx-calendar-cell.dx-calendar-today span {
    background-color: var(--greenLight);
}

.dx-calendar-cell.dx-calendar-selected-date span {
    background-color: var(--green);
}

.dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-today span {
    box-shadow: none;
    border: 0 none;
}
/* Pagina redirect */
.redirect .container-fluid .imageBlock {
    background-image: url(../Content/images/head/ppsvr5un.jpg);
}

.redirect h2 {
    font-size: 23px !important;
    font-weight: normal !important;
    color: var(--green) !important;
    letter-spacing: -1px !important;
    margin-top: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.redirect i {
    font-size: x-large;
}

.boxNewLogin {
    background-color: #f3e4cd;
    padding: 15px;
    margin-bottom: 15px;
    color: #d88202;
    align-items: center;
}

    .boxNewLogin i {
        font-size: 27px;
    }

#lookup-field.lookup-navigazione-soggetto .dx-lookup-arrow {
    display: none;
}

#lookup-field.lookup-navigazione-soggetto {
    width: 50px;
    background-color: transparent;
    border: none;
}

    #lookup-field.lookup-navigazione-soggetto .dx-lookup-field {
        padding: 0 10px;
        margin-right: 10px;
        margin-top: 3px;
        border-right: 1px solid #00000022;
        width: auto;
        position: absolute;
        height: 30px;
    }

.navBlock #myNavbar #lookup-field.lookup-navigazione-soggetto i.fa-solid {
    line-height: 33px;
    color: #747474;
}

@media only screen and (min-width: 992px) {
    #scheduler {
        min-width: 800px;
    }

    .boxScheduler {
        overflow-x: auto;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    #scheduler .dx-widget.dx-scheduler-view-switcher-dropdown-button {
        display: none;
    }

    .boxScheduler {
        margin-top: 20px;
    }

    .clientAreaContent.cac-with-lookup {
        height: calc(100vh - 150px);
        padding-top: 0;
        margin-top: 15px;
        border-top: 1px solid var(--greyXtraLight);
    }

        .clientAreaContent.cac-with-lookup .list-mobile {
            height: calc(100vh - 143px) !important;
            padding-top: 15px;
        }

    #lookup-field.lookup-navigazione-soggetto {
        width: 40px;
        padding-left: 7px;
        width: 100%;
        margin-right: 0;
        border-bottom: 1px dotted var(--greyXtraLight);
        margin-bottom: 10px;
    }

        #lookup-field.lookup-navigazione-soggetto .dx-lookup-field {
            padding: 0;
            margin-right: 0;
            margin-top: 0;
            border-right: 0 none;
            width: auto;
            position: relative;
            height: 30px;
        }

    .navBlock #myNavbar #lookup-field.lookup-navigazione-soggetto i.fa-solid {
        color: white !important;
    }

    #lookup-field.lookup-navigazione-soggetto .dx-lookup-field-wrapper {
        position: relative;
        width: 38px;
        display: inline-block;
    }

    .container-fluid.gradient .studio {
        max-width: calc(100vw - 150px);
    }

        .container-fluid.gradient .studio h1 {
            font-size: 24px;
        }

        .container-fluid.gradient .studio h2 {
            font-size: 16px;
        }

    #uploaderToSend #fileToSendLabel {
        padding: 0px;
    }

    .labelDimension {
        margin-left: 5px;
        min-width: auto;
    }

    #uploaderToSend #fileToSendLabel {
        padding: 0px;
    }

    .labelDimension {
        margin-left: 5px;
        min-width: auto;
    }

    .titleExtraGrid {
        font-size: 15px;
        text-align: left !important;
    }

        .titleExtraGrid#totalCount:not(:empty) {
            margin: 10px 0 0;
        }

    #ListSendFile .dx-list-item-content {
        padding: 0;
    }
}

#insideSkin #toolbarTop .nav.navbar-nav li.btnFarlocco {
    display: inline-block;
    height: 30px;
    width: 0;
}

#modalNotifica.modal .modal-footer #footerNotifica {
    text-align: justify;
}
/* TabPage su desktop piccolo */
@media only screen and (max-width: 991px) {
    #insideSkin .clientAreaContent .nav.nav-tabs {
        padding: 0 5px 13px;
        margin: 0;
        position: absolute;
        left: 0;
        top: 116px;
        border: 0 none;
        width: 100vw;
        border-bottom: 1px solid var(--greyXtraLight);
    }

        #insideSkin .clientAreaContent .nav.nav-tabs li {
            margin: 0 3px 0 0;
        }

            #insideSkin .clientAreaContent .nav.nav-tabs li a {
                padding: 1px 5px;
                border: 0 none;
                background-color: var(--greyXtraLight);
                margin: 0;
                border-radius: 4px !important;
            }

    #insideSkin .tab-content {
        padding: 0 !important;
        margin: 0 !important;
        position: absolute;
        left: 0;
        top: 155px;
        width: 100%;
    }

    .rowAccordi .boxAccordi {
        position: relative;
    }

    #popupAzioni .dx-overlay-content .dx-popup-content .nav.nav-tabs {
        position: relative;
        top: 0;
    }

    #insideSkin #popupAzioni .tab-content {
        position: relative;
        top: 0;
    }

    #insideSkin .tab-content .tab-pane {
        padding: 15px;
        margin: 0 !important;
        height: calc(100vh - 155px);
    }

    #insideSkin .nav-tabs > li > a.tab-selected,
    #insideSkin .nav-tabs > li > a.tab-selected:focus,
    #insideSkin .nav-tabs > li > a.tab-selected:hover,
    #insideSkin .nav-tabs > li > a.nav-link.active,
    #insideSkin .nav-tabs > li > a.nav-link.active:focus,
    #insideSkin .nav-tabs > li > a.nav-link.active:hover {
        background-color: var(--green) !important;
        border: 0 none !important;
        color: white !important;
        font-weight: normal;
    }

    .configurazioneUtente.configurazioneScadenze div.identity-user {
        position: absolute;
        right: auto;
        left: 40px;
        top: 80px;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
        font-size: 9px;
        color: var(--greenDark);
    }
}

.boxAccordi.ApiBox hr {
    margin: 0;
    padding: 5px 0;
    border-top: 1px dotted #595959;
    background-color: transparent;
}

.boxAccordi.ApiBox label {
    width: 150px;
}

.boxAccordi.ApiBox input.apikey_input {
    border: 0 none;
    background-color: transparent;
    font-weight: bold;
    margin-right: 5px;
    width: calc(100% - 160px);
}
/* Privacy */
.privacyPolicy h2, .privacyPolicy h3 {
    color: var(--green);
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif;
}

.privacyPolicy h2 {
    font-size: 25px;
    font-weight: bold;
}

.privacyPolicy h3 {
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 0;
}

.userPic .profileImage, .navBlock .navbar .userPic {
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    text-align: center;
}

.userPic .profileImage {
    font-size: 35px;
    line-height: 100px;
}

.navBlock .navbar .userPic {
    font-size: 19px;
    line-height: 36px;
}

.clientAreaContent .dx-datagrid-search-text {
    color: inherit;
    background-color: #fffa00;
}

@media only screen and (max-width: 991px) {
    .navBlock .navbar li.userPics {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }

        .navBlock .navbar li.userPics .userPic {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    .mobile-version {
        visibility: hidden !important;
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .desktop-version {
        visibility: hidden !important;
        display: none !important;
    }

    #popupCollaborazione {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
    }
}
/* Page not found e errorPage */
#MainContent.errorPage {
    padding: 0 15px
}

.errorBoxContainer.notFound i {
    font-size: 27px;
    color: orange;
}

.errorBoxContainer.notFound a, .errorBoxContainer.notFound a:hover, .errorBoxContainer.notFound a:focus {
    color: orange;
}

.errorBoxContainer.notFound h2, .errorBoxContainer.notFound h3 {
    font-family: 'Open Sans', sans-serif !important;
    color: orange;
    font-weight: normal;
}

.errorBoxContainer.notFound h2 {
    font-size: 27px;
}

.errorBoxContainer.notFound h3 {
    font-size: 23px;
}

.errorBoxContainer.notFound .codiceErrore {
    background-color: white;
    max-width: 450px;
    margin: 10px auto;
    padding: 15px;
    border: 1px solid #ccc;
    font-weight: bold;
}

#close-banner {
    color: var(--greenDark);
    opacity: 1;
    background-color: transparent;
    border: 0;
    font-size: 30px;
    position: absolute;
    right: 5px;
    top: 7px;
    font-weight: bold;
}

.lineMobile {
    display: none;
    visibility: hidden;
}

@media only screen and (min-width: 768px) {
    .subTitle {
        display: inline-block;
    }
}
/* MOBILE */
@media only screen and (max-width: 1200px) {
    #folder-sidebar {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 991px) {
    #loginForm .nav-tabs .nav-link.active,
    #loginForm .nav-tabs .nav-item.show .nav-link,
    #loginForm .nav-tabs .nav-link {
        font-size: 14px;
    }

    #header.container-fluid {
        z-index: 11;
    }

    #insideSkin .toolbarTop {
        z-index: 10;
    }

    #folder-menu nav {
        padding: 7px 15px 7px 2px;
    }

    #insideSkin .dx-item-content.dx-list-item-content .searchBlock h4 {
        margin-bottom: 0;
    }

        #insideSkin .dx-item-content.dx-list-item-content .searchBlock h4 a {
            width: calc(100vw - 10px);
            font-size: 17px;
            font-family: 'Open Sans', sans-serif;
            font-weight: normal;
        }

    #insideSkin .toolbarTop .navbar-header {
        display: flex;
        float: right;
    }

    #insideSkin .navbar-expand-lg #toolbarTop.navbar-collapse.collapsing {
        height: auto !important;
        transition: none !important;
        transform: none !important;
    }

    #insideSkin .navbar-expand-lg #toolbarTop {
        position: absolute;
        right: 0;
        top: 36px;
        z-index: 10;
        background-color: var(--green);
        border: 0 none;
        padding: 10px 10px 5px 10px;
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        min-width: 200px;
        max-width: 90vw;
    }

    #insideSkin #toolbarTop a {
        height: auto;
        color: #fff;
        font-size: var(--baseText);
        padding: 8px;
        cursor: pointer;
        float: left;
        width: 100%;
        border: 1px solid #ffffff33;
        line-height: 14px;
        text-align: left;
    }

    #insideSkin #toolbarTop.navbar-collapse.show .float-right a.dropdown-item {
        border: 0 none;
        text-align: left;
    }

    #insideSkin #toolbarTop input, #insideSkin .modal-body input.TextBoxSearch {
        width: 100%;
    }

    #insideSkin #toolbarTop.navbar-collapse.show .float-right .search-input .input-group-btn a {
        border: 1px solid var(--greyXtraLight);
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 18px;
        line-height: 29px;
        padding: 0;
        background-color: white;
    }

    #insideSkin .toolbarTop .navbar .nav {
        float: none !important;
        display: block;
        width: 100%;
    }

    #insideSkin #toolbarTop li {
        margin: 0 0 5px 0 !important;
        display: table;
        width: 100%;
    }

    #insideSkin .toolbarTop li button.btn {
        background-color: var(--green) !important;
        border: 1px solid #ffffff33 !important;
        color: white;
        height: 32px !important;
        text-align: left;
        width: 100%;
        display: block;
    }

    #insideSkin #toolbarTop .insideIcon {
        display: inline-block;
    }

    #insideSkin #toolbarTop i {
        font-size: 15px;
        width: 18px;
        text-align: center;
        margin-right: 5px;
    }

    #insideSkin #toolbarTop #searchForm i {
        position: absolute;
        top: 12px;
        left: 11px;
    }

    #insideSkin #toolbarTop.searchDocToolbar {
        position: absolute;
        top: 50px;
        width: 100%;
    }

    .clientAreaContent.searchDoc {
        height: calc(100vh - 200px);
        margin: 0 -15px 0 0;
        position: relative;
        top: 80px;
    }

    #insideSkin #toolbarTop .insideText {
        display: inline-block;
        color: #fff;
        visibility: visible;
        font-size: var(--baseText);
    }

    #insideSkin #toolbarTop .dropdown button.btn.btn-secondary,
    #insideSkin #toolbarTop .custom-select {
        width: 100%;
        text-align: left;
        margin: 0;
        border: 1px solid #ffffff33;
        line-height: 14px;
    }

    #insideSkin #toolbarTop .dropdown .dropdown-menu {
        position: relative;
        top: 0;
        border-top: 1px dotted var(--greenXtraLight);
        border-bottom: 1px dotted var(--greenXtraLight);
    }

        #insideSkin #toolbarTop .dropdown .dropdown-menu.show {
            display: table;
            width: 100%;
            margin-top: 5px;
        }

            #insideSkin #toolbarTop .dropdown .dropdown-menu.show#gestioneAnnoDropdown {
                width: 100%;
                padding: 5px 0;
            }

    #insideSkin #toolbarTop .custom-generazione-scadenza.dropdown ul.dropdown-menu {
        display: block;
        position: initial;
        border: 0 none;
        padding: 0;
        background-color: transparent;
        left: auto;
        top: auto;
        width: 100%;
        line-height: 110%;
    }

        #insideSkin #toolbarTop .custom-generazione-scadenza.dropdown ul.dropdown-menu li {
            margin-bottom: 5px;
        }

        #insideSkin #toolbarTop .custom-generazione-scadenza.dropdown ul.dropdown-menu li {
            margin: 0 0 5px 0 !important;
            align-items: flex-start;
            padding: 5px;
        }

            #insideSkin #toolbarTop.custom-generazione-scadenza.dropdown ul.dropdown-menu li:before {
                content: "\f0fe";
                font-family: 'Font Awesome 6 Free';
                font-weight: 900;
                float: left;
                font-size: 15px;
                width: 18px;
                text-align: center;
                margin: 0 7px 5px 0;
            }

    #insideSkin #toolbarTop i.fa-plus-square.genera-item.dropdown-toggle,
    #insideSkin #toolbarTop .insideSectionTitle {
        display: none;
        visibility: hidden;
    }

    #insideSkin .toolbarTop .navbar-header button {
        width: 34px;
        height: 34px;
        text-align: center;
        color: #fff;
        border: 0 none;
        background-color: var(--green);
        position: fixed;
        right: 15px;
        top: 60px;
        font-size: 21px;
        padding-top: 6px;
        cursor: pointer;
        line-height: 20px;
        border-radius: var(--baseRadius);
    }

    #insideSkin #toolbarTop select,
    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-scadenze,
    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-monitoraggio,
    #insideSkin #toolbarTop li.lookup #soggetti-lookup-field.lookup-monitoraggio {
        width: 100%;
        max-width: 100%;
    }

    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-scadenze,
    #insideSkin #toolbarTop li.lookup #lookup-field.lookup-monitoraggio,
    #insideSkin #toolbarTop li.lookup #soggetti-lookup-field.lookup-monitoraggio {
        margin-bottom: 10px;
    }

    #insideSkin #toolbarTop input,
    #insideSkin .modal-body input.TextBoxSearch {
        width: 100%;
        height: 34px;
        border: 0 none;
        padding-left: 30px;
        padding-right: 0;
    }

    #insideSkin #toolbarTop li.search a {
        right: 0px;
        border-left: 0 none;
        display: inline-block;
        width: 34px;
        height: 34px;
        text-align: center;
        color: var(--grey);
        border: 1px solid #ffffff33;
        position: relative;
        font-size: 21px;
        padding-top: 6px;
        cursor: pointer;
        margin-right: -1px;
        line-height: 15px;
    }

        #insideSkin #toolbarTop li.search a i {
            margin-right: 0;
        }

    #insideSkin #toolbarTop li.lookup #lookup-field,
    #insideSkin #toolbarTop li.lookup #soggetti-lookup-field {
        height: auto;
    }

    #toolbarTop #lookup-field,
    #toolbarTop #soggetti-lookup-field {
        width: 100%;
        max-width: none !important;
        border: 1px solid var(--greenLight) !important;
    }

    #toolbarTop li.lookup #lookup-field {
        border: 0 none !important;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-lookup-field {
        border: 1px solid var(--greenLight);
        color: white;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-lookup-arrow {
        color: white;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-overlay-wrapper.dx-popup-wrapper {
        top: 0 !important;
        position: fixed !important;
        transform: none !important;
        height: 100vh !important;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-popup-wrapper > .dx-overlay-content {
        border: 0 none;
        background: #fff;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border-radius: 0;
        background-color: #eaeaeb;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-popup-content {
        background-color: #eaeaeb;
        height: calc(100vh - 125px) !important;
        overflow-y: hidden;
        padding: 0;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-toolbar-items-container .dx-toolbar-before {
        position: fixed;
        bottom: 20px;
        top: auto;
        height: 50px;
        margin: 0 5px;
        width: calc(100vw - 15px);
        padding: 0;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-lookup-search-wrapper {
        padding: 15px;
    }

        #folder-details .toolbarTop li.lookup #lookup-field .dx-lookup-search-wrapper .dx-lookup-search {
            border: 1px solid var(--greyXtraLight);
        }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-searchbox .dx-icon-search {
        position: absolute;
        top: 0;
        margin: 0;
        background: none;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-scrollable-container {
        overflow-y: hidden;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-searchbox .dx-icon-search::before {
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f002";
        color: var(--grey);
        font-size: 21px;
        line-height: 32px;
        width: 34px;
        height: 34px;
        position: absolute;
        left: 0;
        top: 0;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-texteditor-container input {
        width: 100%;
        border: 0 none;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-searchbox .dx-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-popup-content .dx-scrollable {
        height: 100%;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-overlay-wrapper .dx-popup-content .dx-scrollview-content {
        padding: 0 15px;
        height: calc(100vh - 190px);
        overflow-y: auto;
    }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-scrollview-content .dx-item.dx-list-item {
        text-align: left;
    }

        #folder-details .toolbarTop li.lookup #lookup-field .dx-scrollview-content .dx-item.dx-list-item .dx-item-content.dx-list-item-content,
        #folder-details .toolbarTop li.lookup #lookup-field .dx-scrollview-content .dx-item.dx-list-item .dx-item-content.dx-list-item-content:hover,
        #folder-details .toolbarTop li.lookup #lookup-field .dx-scrollview-content .dx-item.dx-list-item .dx-item-content.dx-list-item-content:focus {
            color: var(--greyDark);
        }

    #folder-details .toolbarTop li.lookup #lookup-field .dx-popup-cancel {
        width: 100%;
    }

    .blockHome dt,
    .blockHome dd {
        width: 100%;
    }

    .container-fluid .imageBlock,
    .container-fluid .imageBlock .row,
    .container-fluid.gradient {
        display: table;
        width: 100%;
        height: auto;
    }

        .container-fluid .imageBlock .studio {
            padding-bottom: 15px;
        }

            .container-fluid .imageBlock .studio img {
                max-height: 100px;
            }

            .container-fluid .imageBlock .studio h1 {
                font-size: 22px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                width: calc(100vw - 90px);
                float: right;
            }

            .container-fluid .imageBlock .studio h2 {
                font-size: 14px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0;
                display: block;
                width: calc(100vw - 90px);
                float: right;
            }

    #insideSkin .row.tableModule #folder-details {
        padding: 0 0 0 12px;
    }

    #insideSkin .toolbarTop .nav.navbar-nav li a.dx-icon-column-chooser,
    #insideSkin .toolbarTop .nav.navbar-nav li a.padding-fa {
        margin-bottom: 0;
    }

    #form-configurazione-saldo-iniziale {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

    .configurazioneUtente table {
        width: 100%;
    }

    #form-configurazione-saldo-iniziale .dx-field-item-content .dx-field-item-content,
    #form-fido .dx-field-item-content .dx-field-item-content {
        max-width: 100%;
    }

    .newsList #NewsListWidget .dx-list-item {
        background-color: transparent;
    }

        .newsList #NewsListWidget .dx-list-item:hover {
            background-color: transparent;
        }

    #toggle-notification {
        width: 100%;
    }

    #NotificheListWidget .dx-item-content.dx-list-item-content a {
        color: var(--green);
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        position: relative;
        top: 3px;
    }

    .GDM_item dt,
    .GDM_item dd,
    .GDM_item .collapsibleBox a {
        font-size: 13px;
    }

    .GDM_item dt,
    .GDM_item dd {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .GDM_item div.collapsibleBox table,
    .GDM_item .periodoDashboard {
        font-size: 12px;
    }

    #insideSkin .total-count-container .total-count-item.float-right {
        float: none !important;
    }

    .documento-sign {
        margin-top: 15px;
    }

    #header.container-fluid {
        left: 0;
        width: 100%;
    }

    div.statsData .statDescription {
        font-size: 12px;
    }

    div.statsData .statValue {
        font-size: 21px;
    }

    .rowAccordi .boxAccordi h1 {
        width: calc(100vw - 150px);
    }

    div.statsData .statValue.noValue {
        font-size: 15px;
    }

    #alertDiv {
        bottom: 12px;
        left: 65px;
        right: auto;
        width: calc(100vw - 90px);
    }

        #alertDiv div[class^=custom-alert] {
            position: relative;
            width: 100%;
            left: auto;
            right: auto;
            margin-bottom: 10px;
            overflow: hidden;
        }

    #insideSkin .toolbarTop i.fa-plus-square.genera-item.dropdown-toggle {
        width: 100%;
        margin-bottom: 10px;
    }

    #header.container-fluid .navbar-light button.navbar-toggler {
        width: 50px;
        height: 49px;
        position: fixed;
        right: 0;
        top: 0;
        padding: 0 5px;
        border: 0 none;
        border-radius: var(--baseRadius);
    }

        #header.container-fluid .navbar-light button.navbar-toggler i {
            font-size: 22px;
        }

        #header.container-fluid .navbar-light button.navbar-toggler[data-target="#navigation-body"],
        #header.container-fluid .navbar-light button.navbar-toggler[data-bs-target="#navigation-body"] {
            right: 51px;
        }

    .navBlock .nav .text {
        display: inline-block;
        visibility: visible;
        position: relative;
        top: -3px;
    }

    #guidesPage .col-sm-6.col-md-4.col-lg-3.col-xxl-2 {
        width: 50%;
    }

    .navBlock #myNavbar .nav .userDetails .site-description,
    .navBlock #myNavbar .nav .userDetails .welcome a,
    .navBlock #myNavbar .nav a:hover,
    .navBlock #myNavbar .nav a:focus {
        color: #ffffff !important;
    }

    .navBlock #myNavbar,
    .navBlock #navigation-body {
        position: fixed;
        top: 40px;
        right: 15px;
        z-index: 100000000;
    }

    .navBlock #navigation-body {
        right: 36px;
    }

        .navBlock #myNavbar .navbar-nav,
        .navBlock #navigation-body .navbar-nav {
            margin-top: 0;
            transition: all 0.4s ease;
            display: block;
            height: auto;
            position: relative;
            top: 0;
            right: 0;
            background-color: var(--greenMedium);
            border: 1px solid white;
            padding: 10px 15px;
        }

        .navBlock #myNavbar .nav .nav-divider,
        .navBlock #navigation-body .nav .nav-divider {
            display: none;
        }

        .navBlock #myNavbar .nav a.iconNav,
        .navBlock #navigation-body a {
            width: auto;
            height: auto;
            text-align: left;
            border-radius: 0;
            margin-left: 5px;
            display: block;
            position: relative;
            padding: 10px 40px 10px 7px;
        }

    .navBlock .navbar a,
    .navBlock .navbar a:focus,
    .navBlock .navbar a:hover,
    .navBlock .navbar #myNavbar a,
    .navBlock #myNavbar .nav .userDetails .site-description,
    .navBlock #myNavbar .nav .userDetails .welcome a,
    .navBlock #myNavbar .nav a:hover,
    .navBlock #myNavbar .nav a:focus,
    .navBlock #myNavbar .nav .userDetails .azienda-collegata {
        color: #ffffff !important;
    }

    .navBlock #myNavbar .nav .lastItem.nav-item a.iconNav {
        width: auto;
    }

    .navBlock #myNavbar i.fa-solid,
    .navBlock #navigation-body i.fa-solid {
        display: inline-block;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
        line-height: 22px;
        top: -4px;
        font-size: 22px;
        width: 20px;
    }

    .navBlock #myNavbar .nav li .notifica {
        display: block;
        position: absolute;
        top: 5px;
        right: 0;
    }

    .navBlock #myNavbar .nav .text,
    .navBlock #navigation-body .nav .text {
        display: inline-block;
        visibility: visible;
        position: relative;
        color: white;
    }

    .navBlock #myNavbar .nav .userDetails {
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        max-width: none;
    }

        .navBlock #myNavbar .nav .userDetails .welcome {
            text-transform: uppercase;
        }

    .container-invito-psd2 .select-box-lookup#lookup-enrollments-user,
    .container-invito-psd2 .button-container-inline div {
        width: 100% !important;
    }

    #folder-body {
        width: 100%;
        overflow-x: hidden;
    }

    #insideSkin #toolbarTop .nav.navbar-nav select,
    #insideSkin #toolbarTop .nav.navbar-nav li.lookup #lookup-field,
    #insideSkin #toolbarTop .nav.navbar-nav li.lookup #soggetti-lookup-field,
    #insideSkin #toolbarTop .nav.navbar-nav li div.dropdown button {
        width: 100% !important;
        max-width: 100% !important;
    }

    #insideSkin #toolbarTop input.TextBoxSearch {
        width: calc(100% - 33px) !important;
        max-width: calc(100% - 33px) !important;
    }

    #insideSkin #toolbarTop .nav.navbar-nav li.search {
        width: 100%;
    }

    .container-fluid.index .profilo.blockHome .userPic,
    .container-fluid.index .profilo.blockHome .userInfo {
        text-align: left !important;
        float: left !important;
    }

    .userPic .profileImage {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50%;
        background: #189a99;
        font-size: 26px;
        color: #fff;
        text-align: center;
        line-height: 60px;
    }

    #uploaderToSend {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    [id^="error-message-"],
    [id^="ok-message-"],
    [class*="error-message-"] {
        margin-bottom: 30px;
    }

    #error-message-licenza-scaduta,
    #ok-message-licenza-in-scadenza {
        display: none;
        visibility: hidden;
    }

    div:not(.dx-dialog) .dx-overlay-wrapper.dx-popup-wrapper {
        width: 100vw !important;
        height: 100vh !important;
        background-color: rgba(0,0,0,0.6) !important;
        transition: none !important;
        transform: none !important;
    }

    div:not(.dx-dialog) #popupNote .dx-overlay-wrapper.dx-popup-wrapper {
        z-index: 1000000 !important;
    }

    div:not(.dx-dialog) .dx-popup-wrapper > .dx-overlay-content.dx-popup-normal {
        width: 100vw !important;
        height: 100vh !important;
        transform: none !important;
        border: 0 none !important;
        min-width: auto !important;
    }

    div.dx-dialog .dx-popup-wrapper > .dx-overlay-content.dx-popup-normal {
        max-width: 90vw !important;
    }

    .dx-overlay-wrapper h4 {
        font-size: 20px !important;
        font-weight: 400 !important;
        color: var(--greenDark) !important;
        letter-spacing: -0.5px;
        font-family: 'Open Sans', sans-serif !important;
        margin-top: 10px;
    }

    .dx-overlay-wrapper .dx-scrollable-content {
        padding-bottom: 70px;
    }

    .dx-overlay-wrapper table {
        width: 100%;
    }

        .dx-overlay-wrapper table tr td:first-child {
            font-weight: bold;
        }

    .list-mobile {
        margin: -21px -15px -15px;
        height: calc(100vh - 94px) !important;
        overflow: hidden;
    }

        .list-mobile .dx-item.dx-list-item:first-child {
            border-top: 1px solid #ddd;
        }

        .list-mobile .dx-item.dx-list-item:last-child {
            border-bottom: 1px solid #ddd;
        }

    .total-count-container {
        display: none !important;
        visibility: hidden
    }

    .dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline,
    .dx-overlay-wrapper:not(.dx-dialog-wrapper) .center-ok-button,
    .azioniFatturaButtons,
    .associa-anagrafica {
        position: fixed;
        bottom: 0;
        width: 100vw;
        left: 0;
        text-align: right !important;
        padding: 15px !important;
        border-top: 1px solid #ddd;
        background-color: white;
    }

    .dx-overlay-wrapper .button-container-inline .dx-item {
        margin-left: 5px;
    }

    .dx-overlay-wrapper:not(.dx-dialog-wrapper) .button-container-inline .dx-item {
        display: inline-block !important;
        width: auto;
    }

    .dx-button-mode-contained,
    .dx-button-mode-contained.dx-state-focused,
    .dx-button-mode-contained.dx-state-active,
    .dx-button-mode-contained.dx-state-hover {
        margin: 0 !important;
    }

    #NewsListWidget {
        overflow-y: hidden !important;
    }

    /* Da sistemare con classe unica */
    .dx-overlay-wrapper p {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .dx-overlay-wrapper a.cta,
        .dx-overlay-wrapper p a.cta {
            background-color: var(--green) !important;
            text-indent: -99999px;
            border-radius: 50%;
            height: 50px !important;
            width: 50px !important;
            text-align: center;
            position: relative;
            display: inline-block;
            margin: 10px 5px;
            padding: 0;
            vertical-align: top;
            line-height: 16px;
            cursor: pointer;
        }

            .dx-overlay-wrapper a.cta:after,
            .dx-overlay-wrapper p a.cta:after {
                font-family: "Font Awesome 6 Free";
                text-indent: 0;
                display: block;
                font-size: 28px;
                color: #ffffff !important;
                font-weight: 900;
            }

    .dx-overlay-wrapper .note-app-layout:after {
        content: "\f075";
    }

    .dx-overlay-wrapper .cta-invio-mail:after,
    .dx-overlay-wrapper .cta#mailButton:after {
        content: "\f1fa";
    }

    .dx-overlay-wrapper .cta-registra-movimento:after {
        content: "\f51e";
    }

    .dx-overlay-wrapper .cta-modifica:after {
        content: "\f304";
    }

    .dx-overlay-wrapper .cta-verifica-iban:after {
        content: "\f19c";
    }

    .dx-overlay-wrapper .cta-scadenza-collegata:after {
        content: "\f0fe";
    }

    .dx-overlay-wrapper .cta-elimina:after {
        content: "\f2ed";
    }

    .dx-overlay-wrapper a[id^="downloadP7MFattura"]:after,
    .dx-overlay-wrapper a[id^="downloadLegalDoc"]:after,
    .dx-overlay-wrapper a.cta#downloadFile:after {
        content: "\f019";
    }

    .dx-overlay-wrapper a[id^="esportaPdf"]:after {
        content: "\f1c1";
    }

    .dx-overlay-wrapper .cta-firma:after {
        content: "\f56c";
    }

    .statoInterrotto {
        border-left: 7px solid #e20000;
    }

    .statoCompletato {
        border-left: 7px solid #2ca22c;
    }

    .statoTransparent {
        border-left: 7px solid transparent;
    }

    .statoGrigio {
        border-left: 7px solid #7d7d7d;
    }

    .statoInElaborazione {
        border-left: 7px solid #ff9c00;
    }

    #insideSkin .list-mobile .list-details.statoInterrotto:before {
        color: #e20000;
    }

    #insideSkin .list-mobile .list-details.statoCompletato:before {
        color: #2ca22c;
    }

    #insideSkin .list-mobile .list-details.statoTransparent:before {
        color: transparent;
    }

    #insideSkin .list-mobile .list-details.statoInElaborazione:before {
        color: #ff9c00;
    }

    #insideSkin .list-mobile .list-details.statoGrigio:before {
        color: #7d7d7d;
    }

    #insideSkin .list-mobile .dx-list-item-content {
        padding: 0;
    }

    #insideSkin .list-mobile .dx-state-focused, #insideSkin .list-mobile .dx-list-item-selected {
        background-color: transparent !important;
    }

    #insideSkin .list-mobile:not[.lista-dkkonto] .list-details:after {
        color: #ccc;
        float: right;
        position: absolute;
        bottom: calc(50% - 15px);
        right: 5px;
        font-family: "Font Awesome 6 Free";
        content: "\f061";
        display: block;
        font-size: 30px;
        width: 30px;
        height: 30px;
        text-align: center;
        font-weight: 900;
        line-height: 30px;
    }

    #insideSkin .list-mobile#lista-anagrafica .list-details:after {
        content: "";
    }

    #insideSkin #lista-scadenze .list-details:before,
    #insideSkin #lista-distinte .list-details:before,
    #insideSkin #list-dk-sign .list-details:before {
        float: right;
        position: absolute;
        top: 5px;
        right: 6px;
        font-weight: normal;
        font-family: "Font Awesome 6 Free";
        text-indent: 0;
        display: block;
        font-size: 15px;
    }

    .linePopup {
        line-height: 110%;
        vertical-align: top;
        margin-bottom: 0;
    }

    .dx-overlay-content .linePopup {
        padding: 0;
    }

    .dx-item-content .documentiDetails, .dx-item-content .list-details {
        padding: 5px 5px 5px 10px !important;
        position: relative;
    }

    .labelPopup, .popupDescription {
        font-family: 'Open Sans', sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 17px;
    }

    .labelPopup {
        margin-bottom: 0px;
        vertical-align: top;
        margin-right: 10px;
        width: 30%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #888;
        font-size: 12px;
        line-height: 16px;
        max-width: 140px;
    }

    .popupDescription {
        width: calc(60vw - 45px);
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--greyDark);
    }

    .dkDriveGrid, .dkSignGrid, .anagrafiche-scadenze {
        background-image: none;
    }

    .list-mobile#lista-dkkonto .dx-scrollview-content {
        margin-top: 0;
    }

    .list-mobile#lista-dkkonto {
        margin: 0 -15px -15px;
        height: calc(100vh - 155px) !important;
    }

    .titleExtraGrid:not(:empty) {
        font-size: 15px;
    }
}
/* Solo telefono */
@media only screen and (max-width: 575px) {
    .lineMobile {
        display: block;
        visibility: visible;
        margin: 5px 10px;
        width: calc(100% - 20px);
    }

    #insideSkin #changePasswordProfileButton,
    #insideSkin .button-profile,
    #insideSkin #changePasswordProfileExternalButton,
    #insideSkin #updateButtonPersonalize,
    #insideSkin #ctaImpostazioniNotifiche,
    #insideSkin #updateExternalServerButton,
    .dx-button-mode-contained.dx-button-success,
    .cta,
    .ctasmall {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 5px;
    }

    #changeLanguageButton,
    #updateExternalServerButton,
    .changePasswordActions #changePasswordButton,
    .changePasswordActions #changePasswordResetButton {
        width: auto !important;
    }


    #insideSkin #main-content .row.userProfile .actions {
        margin: 15px 0;
    }

    #changeLanguageButton {
        margin-left: 0;
    }

    #updateExternalServerButton,
    #changeLanguageButton {
        margin-top: 10px !important;
        width: 100% !important;
    }
}

#form-attivazione-dati .dx-field-item-content div[role="listbox"] .dx-item, .dx-checkbox-text {
    font-size: var(--baseText);
    font-family: 'Open Sans', sans-serif;
}

.dx-datagrid .dx-error-row .dx-error-message {
    background-color: #ddc7c7;
    border: 1px dotted #bf0000;
    white-space: normal;
    word-wrap: break-word;
    padding: 10px 35px 10px 15px;
    margin: -5px;
}

#grid-attivazioni-sdi .dx-state-disabled.dx-checkbox {
    display: none;
    visibility: hidden;
}
/* DOCUMENTI CORE */
.pageNewDocumenti nav[aria-label="breadcrumb"] {
    border-bottom: 1px solid var(--greyXtraLight);
    margin: 10px 15px;
    padding-bottom: 5px;
}

.pageNewDocumenti .breadcrumb-item.active {
    color: var(--grey);
    padding-left: 5px;
}

.pageNewDocumenti .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 5px;
}

.pageNewDocumenti .top-section {
    align-content: flex-start;
}

.pageNewDocumenti .bottom-section > .col-sm-12 {
    padding-right: 0;
}

.pageNewDocumenti .columnDocBox {
    padding: 0 5px;
}

.pageNewDocumenti .clientAreaContent {
    overflow: hidden !important;
    padding: 0;
}

.pageNewDocumenti .folder-details-notree {
    height: calc(100vh - 147px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 22px;
}

.pageNewDocumenti.drive-section .folder-details-notree {
    height: calc(100vh - 200px);
}

.pageNewDocumenti .boxCartella {
    border: 1px solid var(--greyXtraLight);
    background-color: #fff;
    padding: 10px 15px;
    border-radius: var(--baseRadius);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    flex-direction: column;
    justify-content: space-between;
    display: block;
}

    .pageNewDocumenti .boxCartella h1 {
        font-size: 17px;
        font-weight: normal;
        color: var(--green);
        letter-spacing: -1px;
        font-family: 'Open Sans', sans-serif;
        margin: 0;
        display: inline-block;
        width: calc(100% - 38px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        top: 4px;
        padding-right: 10px;
        line-height: 23px;
    }

        .pageNewDocumenti .boxCartella h1 i {
            padding-right: 5px;
        }

    .pageNewDocumenti .boxCartella a.btnFolder {
        color: var(--grey);
        background-color: #eee;
        font-size: 20px;
        width: 34px;
        height: 34px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        border: 1px solid var(--greyXtraLight);
        border-radius: 50%;
        cursor: pointer;
    }

        .pageNewDocumenti .boxCartella a.btnFolder:hover, .pageNewDocumenti .boxCartella a.btnFolder:focus {
            background-color: #cfcfcf;
        }

#insideSkin .row.tableModule #folder-details.pageNewDocumenti {
    flex-grow: 1;
    padding: 0 0 0 12px;
    width: 1px;
}

.pageNewDocumenti #tile-documenti .dx-empty-message {
    padding: 0 0 10px;
}

.pageNewDocumenti #tile-documenti .dx-tile .tile-item {
    border: 1px solid var(--greyXtraLight);
    background-color: #fff;
    padding: 8px 15px 0;
    border-radius: var(--baseRadius);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.pageNewDocumenti #tile-documenti .dx-tile .tile-title i {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 23px;
}

.pageNewDocumenti #tile-documenti .dx-tile .docTileCta {
    margin-top: 5px;
    padding: 7px 0;
    border-top: 1px solid var(--greyXtraLight);
    text-align: right;
}

.pageNewDocumenti #tile-documenti .dx-tile .tile-title {
    font-size: 17px;
    font-weight: normal;
    color: var(--greenDark);
    letter-spacing: -0.5px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    display: inline-block;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 2px;
    padding-right: 10px;
}

.pageNewDocumenti #tile-documenti .dx-tile {
    top: auto !important;
    left: auto !important;
    height: auto !important;
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    background-color: transparent;
    border: 0 none;
    width: calc(25% - 10px) !important;
}

.pageNewDocumenti #tile-documenti .dx-tileview-wrapper {
    height: auto !important;
}

.pageNewDocumenti #tile-documenti .dx-tile.dx-state-focused .tile-item {
    background-color: #eaeee2;
    border: 1px solid var(--green);
}

.pageNewDocumenti #tile-documenti .dx-tile .docTileCta div {
    display: inline-block;
}

.pageNewDocumenti #tile-documenti .dx-tile .docTileCta a {
    color: var(--grey);
    background-color: #eee;
    font-size: 20px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    border: 1px solid var(--greyXtraLight);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    margin-left: 5px;
}

.pageNewDocumenti #tile-documenti .dx-tile i.tile-icon {
    font-size: 17px;
    top: -4px;
    position: relative;
    padding-right: 5px;
}

.pageNewDocumenti #grid-documenti i {
    width: 16px;
}

    .pageNewDocumenti #grid-documenti i.fa-rectangle-list, .pageNewDocumenti #grid-documenti i.fa-eye {
        position: relative;
        left: -3px;
        top: 1px;
    }

.pageNewDocumenti #tile-documenti .dx-tile .tile-download a:hover, .pageNewDocumenti #tile-documenti .dx-tile .tile-download a:focus {
    background-color: #cfcfcf;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-word, .pageNewDocumenti #grid-documenti i.fa-file-word, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-word, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-word {
    color: #0e5dd1 !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-excel, .pageNewDocumenti #grid-documenti i.fa-file-excel, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-excel, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-excel {
    color: #0b9d1c !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-zipper, .pageNewDocumenti #grid-documenti i.fa-file-zipper, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-zipper, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-zipper {
    color: #ed6f0b !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-code, .pageNewDocumenti #grid-documenti i.fa-file-code, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-code, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-code {
    color: #d20dce !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-pdf, .pageNewDocumenti #grid-documenti i.fa-file-pdf, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-pdf, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-pdf {
    color: #d70d0d !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-image, .pageNewDocumenti #grid-documenti i.fa-file-image, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-image, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-image {
    color: #e19f0b !important;
}

.pageNewDocumenti #tile-documenti .dx-tile i.fa-file-archive, .pageNewDocumenti #grid-documenti i.fa-file-archive, .pageNewDocumenti #grid-documenti tr:hover i.fa-file-archive, .pageNewDocumenti #grid-documenti tr:focus i.fa-file-archive {
    color: #95c11f !important;
}

#folder-sidebar .card {
    border-radius: var(--baseRadius);
}

    #folder-sidebar .card .card-body {
        font-size: 12px;
        line-height: 15px;
        padding: 10px 15px;
    }

        #folder-sidebar .card .card-body hr {
            opacity: 0.15;
        }

#folder-sidebar .card-body img {
    max-width: 100%;
}

#folder-sidebar .card .card-body-empty {
    padding: 10px 15px;
}

#folder-sidebar .card .card-header {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--greenDark);
    font-size: 15px;
    padding: 5px 10px;
}

#folder-sidebar .card.previewWidget .card-body i {
    color: var(--greenDark);
    font-size: 34px;
}

.pageNewDocumenti .tendineSoggInter #soggetti-lookup-field, .pageNewDocumenti .topLookUpArea #soggetti-lookup-field, .pageNewDocumenti .toolbarLookUpArea #soggetti-lookup-field {
    height: 30px;
    margin-right: 0;
}

.pageNewDocumenti #grid-documenti .dx-datagrid-headers .dx-texteditor-input {
    padding: 4px 4px 4px 30px;
    min-height: 28px;
}

.pageNewDocumenti #grid-documenti .dx-pager .dx-pages .dx-page {
    padding: 1px 7px 2px;
}

.pageNewDocumenti #grid-documenti .dx-pager .dx-pages .dx-navigate-button {
    padding: 4px;
    font-size: 16px;
}

.pageNewDocumenti #grid-documenti .dx-pager .dx-pages .dx-info {
    font-size: 13px;
}

.pageNewDocumenti #tile-documenti {
    height: auto !important;
}

.pageNewDocumenti #grid-documenti, .pageNewDocumenti #tile-documenti {
    margin: 0 3px 0 -7px;
}

    .pageNewDocumenti #grid-documenti .dx-pager, .pageNewDocumenti #tile-pagination {
        padding-top: 5px;
        padding-bottom: 5px;
        position: sticky;
        bottom: 0;
        left: 0;
        background-color: var(--pageBackground);
    }

.pageNewDocumenti #tile-pagination {
    border-top: 1px solid var(--greyXtraLight);
    height: 36px;
    text-align: right;
    margin: 0 -7px;
    padding-bottom: 0;
    width: 100%;
    left: -10px;
}

    .pageNewDocumenti #tile-pagination button {
        border: 0 none;
        width: 20px;
        padding: 0;
    }

.pageNewDocumenti #currentPageInfo {
    padding: 0 10px;
}

.drop-zone.view-dkdrive {
    margin: 0 15px;
}

#grid-documenti .list-group .list-group-item {
    min-width: 200px;
}

#insideSkin #grid-documenti .list-group li.list-group-item a, #insideSkin #grid-documenti .list-group li.list-group-item a:hover, #insideSkin #grid-documenti .list-group li.list-group-item a:focus {
    color: var(--grey) !important;
}




/* Scadenze per cliente/fornitore */
.userFilterActive {
    margin-top: -5px;
    margin-bottom: 10px;
}

    .userFilterActive .userFilterSelected {
        background-color: #e6e6e6;
        padding: 3px 9px;
        border-radius: 12px;
        margin-left: 5px;
        font-weight: 600;
    }

        .userFilterActive .userFilterSelected a, .userFilterActive .userFilterSelected a:hover, .userFilterActive .userFilterSelected a:focus {
            color: var(--greyDark);
            padding-left: 2px;
        }

.scadenze-sidebar-anagrafica .card-header i {
    margin-right: 5px;
}

.scadenze-sidebar-anagrafica .card-body {
    line-height: 22px;
}
/* OTP */
#otpModal .modal-dialog {
    max-width: 550px !important;
}

.otp-input-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.otp-input {
    width: 40px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 5px;
}

    .otp-input:focus {
        border-color: #007bff;
        outline: none;
    }
/* OTP */
#MaintenanceWarning a.close.warning, #MaintenanceWarning a.close.warning:hover, #MaintenanceWarning a.close.warning:focus {
    color: var(--bs-alert-color);
    float: right;
    font-size: 29px;
    position: relative;
    top: -6px;
}

.topLookUpArea {
    padding: 15px 15px 0;
}

    .topLookUpArea #lookup-field, .topLookUpArea #soggetti-lookup-field {
        height: 30px;
        margin-bottom: 0;
        width: 100%;
    }

        .topLookUpArea #lookup-field .dx-lookup-field, .topLookUpArea #soggetti-lookup-field .dx-lookup-field {
            padding: 5px 25px 5px 9px;
            height: 28px;
        }

    .topLookUpArea .lookup, .topLookUpArea .lookup.lookup-soggetti {
        display: inline-block;
        width: calc(50% - 2px);
    }

        .topLookUpArea .lookup:first-child {
            padding-right: 10px;
        }

        .topLookUpArea .lookup:nth-child(2) {
            padding-left: 10px;
        }

    #boxUserProfile .topLookUpArea, .topLookUpArea .lookup {
        padding: 0 !important;
    }

.clientAreaContent.configurazioneAttivazione .js .fileSelected {
    padding-bottom: 10px;
}
/* POPUP SYNCRO */
#popupDettaglioServizio.syncro .box-anomalia {
    background-color: #fce8d6;
    border: 1px dotted #d46618;
    padding: 5px 10px 5px 35px;
    margin-top: 5px;
    position: relative;
    color: #d46618;
}

    #popupDettaglioServizio.syncro .box-anomalia b {
        color: #000;
    }

    #popupDettaglioServizio.syncro .box-anomalia:before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        display: block;
        content: "\f06a";
        position: absolute;
        left: 8px;
        top: 4px;
        font-size: 20px;
        color: #d46618;
    }

#popupDettaglioServizio.syncro h1 {
    color: var(--green);
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

#popupDettaglioServizio.syncro hr {
    margin-bottom: 10px;
}

#popupDettaglioServizio.syncro div.dx-overlay-wrapper h3 {
    color: var(--green);
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
}

@media only screen and (max-width: 1399px) {
    .pageNewDocumenti #tile-documenti .dx-tile {
        width: calc(33.3332% - 10px) !important;
    }
}

@media only screen and (max-width: 991px) {
    .pageNewDocumenti #tile-documenti .dx-tile {
        width: calc(50% - 10px) !important;
    }

    #lookupAziendaCollegata .topLookUpArea .lookup {
        width: 100%;
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .pageNewDocumenti #tile-documenti .dx-tile {
        width: 100% !important;
    }

    .pageNewDocumenti #tile-documenti {
        margin: 0 -7px 0 -7px;
    }

    .pageNewDocumenti .boxCartella {
        padding: 3px 10px 5px;
    }

    .pageNewDocumenti .boxCartella h1 {
        font-size: 15px;
        top: 4px;
        padding-right: 10px;
        line-height: 20px;
        width: calc(100% - 29px);
    }

    .pageNewDocumenti .boxCartella a.btnFolder {
        font-size: 15px;
        width: 25px;
        height: 25px;
        line-height: 23px;
    }

    .pageNewDocumenti .columnDocBox {
        padding-bottom: 10px !important;
    }
}



/* Per popup */
.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.text-max-width-overlay div.dx-item-content,
.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.text-max-width-overlay div.dx-item {
    width: 100% !important;
    max-width: 250px;
}


/* Checkbox to toggle */
input[type="checkbox"] {
    width: 23px;
    text-indent: -99999px;
    appearance: none;
}

input[type="checkbox"]:before {
    text-indent: 0px;
    display: block;
    font-family: "Font Awesome 6 Free";
    content: "\f204";
    font-weight: 900;
    font-size: 20px;
    position: relative;
    top: 2px;
    color: var(--greyLight);
}

input[type="checkbox"]:checked:before {
    font-family: "Font Awesome 6 Free";
    content: "\f205";
    font-weight: 900;
    font-size: 20px;
    position: relative;
    top: 2px;
    color: var(--green);
}

.configurazioneUtente table tr td .form-switch .form-check-input {
    margin: 0 auto;
    background-image: none;
    border: 0 none;
    background-color: transparent;
}

.dettagli-accordo .form-switch .form-check-input:checked {
    background-image: none;
    background-color: transparent;
    border: 0 none;
}

.dettagli-accordo .custom-switch-disable input[type="checkbox"]:checked:before {
    top: -6px;
    color: var(--grey);
}